User interfaces for messaging conversations

ABSTRACT

In some embodiments, an electronic device displays a plurality of content items in a messaging conversation. In some embodiments, the electronic device displays user interfaces associated with one or more content items in a messaging conversation.

CROSS-REFERENCE TO RELATED APPLICATIONS

This application claims the benefit of U.S. Provisional Application No.63/197,478, filed Jun. 6, 2021, the content of which is incorporatedherein by reference in its entirety for all purposes.

FIELD OF THE DISCLOSURE

This disclosure relates generally to electronic devices that presentmessaging user interfaces, and user interactions with such userinterfaces.

BACKGROUND OF THE DISCLOSURE

User interaction with electronic devices has increased significantly inrecent years. These devices can be devices such as computers, tabletcomputers, televisions, multimedia devices, mobile devices, and thelike.

In some circumstances, users wish to use electronic devices to send andreceive messages that include a plurality of content items (e.g.,photos, videos, etc.). An electronic device can present messaging userinterface for facilitating the sending and receiving of such messages.

SUMMARY OF THE DISCLOSURE

Some embodiments described in this disclosure are directed to ways ofdisplaying a plurality of content items in a messaging user interface.Some embodiments described in this disclosure are directed to ways ofadding messaging activity associated with one or more content itemsincluded in a messaging conversation. Enhancing messaging interactionsimproves the user's experience with the device and decreases userinteraction time, which is particularly important where input devicesare battery-operated.

It is well understood that the use of personally identifiableinformation should follow privacy policies and practices that aregenerally recognized as meeting or exceeding industry or governmentalrequirements for maintaining the privacy of users. In particular,personally identifiable information data should be managed and handledso as to minimize risks of unintentional or unauthorized access or use,and the nature of authorized use should be clearly indicated to users.

The full descriptions of the embodiments are provided in the Drawingsand the Detailed Description, and it is understood that the Summaryprovided above does not limit the scope of the disclosure in any way.

BRIEF DESCRIPTION OF THE DRAWINGS

For a better understanding of the various described embodiments,reference should be made to the Detailed Description below, inconjunction with the following drawings in which like reference numeralsrefer to corresponding parts throughout the figures.

FIG. 1A is a block diagram illustrating a portable multifunction devicewith a touch-sensitive display in accordance with some embodiments.

FIG. 1B is a block diagram illustrating exemplary components for eventhandling in accordance with some embodiments.

FIG. 2 illustrates a portable multifunction device having a touch screenin accordance with some embodiments.

FIG. 3 is a block diagram of an exemplary multifunction device with adisplay and a touch-sensitive surface in accordance with someembodiments.

FIG. 4A illustrates an exemplary user interface for a menu ofapplications on a portable multifunction device in accordance with someembodiments.

FIG. 4B illustrates an exemplary user interface for a multifunctiondevice with a touch-sensitive surface that is separate from the displayin accordance with some embodiments.

FIG. 5A illustrates a personal electronic device in accordance with someembodiments.

FIG. 5B is a block diagram illustrating a personal electronic device inaccordance with some embodiments.

FIGS. 5C-5D illustrate exemplary components of a personal electronicdevice having a touch-sensitive display and intensity sensors inaccordance with some embodiments.

FIGS. 5E-5H illustrate exemplary components and user interfaces of apersonal electronic device in accordance with some embodiments.

FIGS. 6A-6JJ illustrate various ways an electronic device displays aplurality of content items in a messaging conversation in accordancewith some embodiments of the disclosure.

FIG. 7 is a flow diagram illustrating a method of displaying a pluralityof content items in a messaging conversation in accordance with someembodiments.

FIGS. 8A-8LLL illustrate various way of interacting with a plurality ofcontent items in a messaging conversation in accordance with someembodiments of the disclosure.

FIG. 9 is a flow diagram illustrating a method of interacting with aplurality of content items in a messaging conversation in accordancewith some embodiments.

DETAILED DESCRIPTION

The following description sets forth exemplary methods, parameters, andthe like. It should be recognized, however, that such description is notintended as a limitation on the scope of the present disclosure but isinstead provided as a description of exemplary embodiments.

There is a need for electronic devices that provide efficient ways ofdisplaying and interacting with a plurality of content items in amessaging conversation. In some implementations, an electronic devicereceives an indication that a respective message including a pluralityof content items has been added to a messaging conversation. In someimplementations, the electronic device presents representations of theplurality of content items in a first manner if one or more criteria aresatisfied (e.g., if the respective message includes more than arespective number of content items). In some implementations, theelectronic device presents representations of the content items in asecond manner, different from the first manner, if the one or morecriteria are not satisfied (e.g., if the respective message does notinclude more than a respective number of content items). Such techniquescan reduce the cognitive burden on a user who uses such devices whilepresenting messaging user interfaces. Further, such techniques canreduce processor and battery power otherwise wasted on redundant userinputs.

There is also a need for electronic devices that provide efficient waysof adding message activity that is associated with one or more contentitems to a messaging conversation. In some implementations, messageactivity is added to a respective content item in the messagingconversation from a user interface separate from a messaging userinterface. Such techniques can reduce the cognitive burden on a user whowishes to add messaging activity to a respective content item in amessaging conversation. Further, such techniques can reduce processorand battery power otherwise wasted on redundant user inputs.

Although the following description uses terms “first,” “second,” etc. todescribe various elements, these elements should not be limited by theterms. These terms are only used to distinguish one element fromanother. For example, a first touch could be termed a second touch, and,similarly, a second touch could be termed a first touch, withoutdeparting from the scope of the various described embodiments. The firsttouch and the second touch are both touches, but they are not the sametouch.

The terminology used in the description of the various describedembodiments herein is for the purpose of describing particularembodiments only and is not intended to be limiting. As used in thedescription of the various described embodiments and the appendedclaims, the singular forms “a,” “an,” and “the” are intended to includethe plural forms as well, unless the context clearly indicatesotherwise. It will also be understood that the term “and/or” as usedherein refers to and encompasses any and all possible combinations ofone or more of the associated listed items. It will be furtherunderstood that the terms “includes,” “including,” “comprises,” and/or“comprising,” when used in this specification, specify the presence ofstated features, integers, steps, operations, elements, and/orcomponents, but do not preclude the presence or addition of one or moreother features, integers, steps, operations, elements, components,and/or groups thereof.

The term “if” is, optionally, construed to mean “when” or “upon” or “inresponse to determining” or “in response to detecting,” depending on thecontext. Similarly, the phrase “if it is determined” or “if [a statedcondition or event] is detected” is, optionally, construed to mean “upondetermining” or “in response to determining” or “upon detecting [thestated condition or event]” or “in response to detecting [the statedcondition or event],” depending on the context.

Embodiments of electronic devices, user interfaces for such devices, andassociated processes for using such devices are described. In someembodiments, the device is a portable communications device, such as amobile telephone, that also contains other functions, such as PDA and/ormusic player functions. Exemplary embodiments of portable multifunctiondevices include, without limitation, the iPhone®, iPod Touch®, and iPad®devices from Apple Inc. of Cupertino, Calif. Other portable electronicdevices, such as laptops or tablet computers with touch-sensitivesurfaces (e.g., touch screen displays and/or touchpads), are,optionally, used. It should also be understood that, in someembodiments, the device is not a portable communications device, but isa desktop computer with a touch-sensitive surface (e.g., a touch screendisplay and/or a touchpad).

In some embodiments, device 100 is a portable computing system that isin communication (e.g., via wireless communication, via wiredcommunication) with a display generation component. The displaygeneration component is configured to provide visual output, such asdisplay via a CRT display, display via an LED display, or display viaimage projection. In some embodiments, the display generation componentis integrated with the computer system (e.g., an integrated display,touch screen 112, etc.). In some embodiments, the display generationcomponent is separate from the computer system (e.g., an externalmonitor, a projection system, etc.). As used herein, “displaying”content includes causing to display the content (e.g., video datarendered or decoded by display controller 156) by transmitting, via awired or wireless connection, data (e.g., image data or video data) toan integrated or external display generation component to visuallyproduce the content.

In the discussion that follows, an electronic device that includes adisplay and a touch-sensitive surface is described. It should beunderstood, however, that the electronic device optionally includes oneor more other physical user-interface devices, such as a physicalkeyboard, a mouse, and/or a joystick.

The device typically supports a variety of applications, such as one ormore of the following: a drawing application, a presentationapplication, a word processing application, a website creationapplication, a disk authoring application, a spreadsheet application, agaming application, a telephone application, a video conferencingapplication, an e-mail application, an instant messaging application, aworkout support application, a photo management application, a digitalcamera application, a digital video camera application, a web browsingapplication, a digital music player application, and/or a digital videoplayer application.

The various applications that are executed on the device optionally useat least one common physical user-interface device, such as thetouch-sensitive surface. One or more functions of the touch-sensitivesurface as well as corresponding information displayed on the deviceare, optionally, adjusted and/or varied from one application to the nextand/or within a respective application. In this way, a common physicalarchitecture (such as the touch-sensitive surface) of the deviceoptionally supports the variety of applications with user interfacesthat are intuitive and transparent to the user.

Attention is now directed toward embodiments of portable devices withtouch-sensitive displays. FIG. 1A is a block diagram illustratingportable multifunction device 100 with touch-sensitive display system112 in accordance with some embodiments. Touch-sensitive display 112 issometimes called a “touch screen” for convenience and is sometimes knownas or called a “touch-sensitive display system.” Device 100 includesmemory 102 (which optionally includes one or more computer-readablestorage mediums), memory controller 122, one or more processing units(CPUs) 120, peripherals interface 118, RF circuitry 108, audio circuitry110, speaker 111, microphone 113, input/output (I/O) subsystem 106,other input control devices 116, and external port 124. Device 100optionally includes one or more optical sensors 164. Device 100optionally includes one or more contact intensity sensors 165 fordetecting intensity of contacts on device 100 (e.g., a touch-sensitivesurface such as touch-sensitive display system 112 of device 100).Device 100 optionally includes one or more tactile output generators 167for generating tactile outputs on device 100 (e.g., generating tactileoutputs on a touch-sensitive surface such as touch-sensitive displaysystem 112 of device 100 or touchpad 355 of device 300). Thesecomponents optionally communicate over one or more communication busesor signal lines 103.

As used in the specification and claims, the term “intensity” of acontact on a touch-sensitive surface refers to the force or pressure(force per unit area) of a contact (e.g., a finger contact) on thetouch-sensitive surface, or to a substitute (proxy) for the force orpressure of a contact on the touch-sensitive surface. The intensity of acontact has a range of values that includes at least four distinctvalues and more typically includes hundreds of distinct values (e.g., atleast 256). Intensity of a contact is, optionally, determined (ormeasured) using various approaches and various sensors or combinationsof sensors. For example, one or more force sensors underneath oradjacent to the touch-sensitive surface are, optionally, used to measureforce at various points on the touch-sensitive surface. In someimplementations, force measurements from multiple force sensors arecombined (e.g., a weighted average) to determine an estimated force of acontact. Similarly, a pressure-sensitive tip of a stylus is, optionally,used to determine a pressure of the stylus on the touch-sensitivesurface. Alternatively, the size of the contact area detected on thetouch-sensitive surface and/or changes thereto, the capacitance of thetouch-sensitive surface proximate to the contact and/or changes thereto,and/or the resistance of the touch-sensitive surface proximate to thecontact and/or changes thereto are, optionally, used as a substitute forthe force or pressure of the contact on the touch-sensitive surface. Insome implementations, the substitute measurements for contact force orpressure are used directly to determine whether an intensity thresholdhas been exceeded (e.g., the intensity threshold is described in unitscorresponding to the substitute measurements). In some implementations,the substitute measurements for contact force or pressure are convertedto an estimated force or pressure, and the estimated force or pressureis used to determine whether an intensity threshold has been exceeded(e.g., the intensity threshold is a pressure threshold measured in unitsof pressure). Using the intensity of a contact as an attribute of a userinput allows for user access to additional device functionality that mayotherwise not be accessible by the user on a reduced-size device withlimited real estate for displaying affordances (e.g., on atouch-sensitive display) and/or receiving user input (e.g., via atouch-sensitive display, a touch-sensitive surface, or aphysical/mechanical control such as a knob or a button).

As used in the specification and claims, the term “tactile output”refers to physical displacement of a device relative to a previousposition of the device, physical displacement of a component (e.g., atouch-sensitive surface) of a device relative to another component(e.g., housing) of the device, or displacement of the component relativeto a center of mass of the device that will be detected by a user withthe user's sense of touch. For example, in situations where the deviceor the component of the device is in contact with a surface of a userthat is sensitive to touch (e.g., a finger, palm, or other part of auser's hand), the tactile output generated by the physical displacementwill be interpreted by the user as a tactile sensation corresponding toa perceived change in physical characteristics of the device or thecomponent of the device. For example, movement of a touch-sensitivesurface (e.g., a touch-sensitive display or trackpad) is, optionally,interpreted by the user as a “down click” or “up click” of a physicalactuator button. In some cases, a user will feel a tactile sensationsuch as an “down click” or “up click” even when there is no movement ofa physical actuator button associated with the touch-sensitive surfacethat is physically pressed (e.g., displaced) by the user's movements. Asanother example, movement of the touch-sensitive surface is, optionally,interpreted or sensed by the user as “roughness” of the touch-sensitivesurface, even when there is no change in smoothness of thetouch-sensitive surface. While such interpretations of touch by a userwill be subject to the individualized sensory perceptions of the user,there are many sensory perceptions of touch that are common to a largemajority of users. Thus, when a tactile output is described ascorresponding to a particular sensory perception of a user (e.g., an “upclick,” a “down click,” “roughness”), unless otherwise stated, thegenerated tactile output corresponds to physical displacement of thedevice or a component thereof that will generate the described sensoryperception for a typical (or average) user.

It should be appreciated that device 100 is only one example of aportable multifunction device, and that device 100 optionally has moreor fewer components than shown, optionally combines two or morecomponents, or optionally has a different configuration or arrangementof the components. The various components shown in FIG. 1A areimplemented in hardware, software, or a combination of both hardware andsoftware, including one or more signal processing and/orapplication-specific integrated circuits.

Memory 102 optionally includes high-speed random access memory andoptionally also includes non-volatile memory, such as one or moremagnetic disk storage devices, flash memory devices, or othernon-volatile solid-state memory devices. Memory controller 122optionally controls access to memory 102 by other components of device100.

Peripherals interface 118 can be used to couple input and outputperipherals of the device to CPU 120 and memory 102. The one or moreprocessors 120 run or execute various software programs and/or sets ofinstructions stored in memory 102 to perform various functions fordevice 100 and to process data. In some embodiments, peripheralsinterface 118, CPU 120, and memory controller 122 are, optionally,implemented on a single chip, such as chip 104. In some otherembodiments, they are, optionally, implemented on separate chips.

RF (radio frequency) circuitry 108 receives and sends RF signals, alsocalled electromagnetic signals. RF circuitry 108 converts electricalsignals to/from electromagnetic signals and communicates withcommunications networks and other communications devices via theelectromagnetic signals. RF circuitry 108 optionally includes well-knowncircuitry for performing these functions, including but not limited toan antenna system, an RF transceiver, one or more amplifiers, a tuner,one or more oscillators, a digital signal processor, a CODEC chipset, asubscriber identity module (SIM) card, memory, and so forth. RFcircuitry 108 optionally communicates with networks, such as theInternet, also referred to as the World Wide Web (WWW), an intranetand/or a wireless network, such as a cellular telephone network, awireless local area network (LAN) and/or a metropolitan area network(MAN), and other devices by wireless communication. The RF circuitry 108optionally includes well-known circuitry for detecting near fieldcommunication (NFC) fields, such as by a short-range communicationradio. The wireless communication optionally uses any of a plurality ofcommunications standards, protocols, and technologies, including but notlimited to Global System for Mobile Communications (GSM), Enhanced DataGSM Environment (EDGE), high-speed downlink packet access (HSDPA),high-speed uplink packet access (HSUPA), Evolution, Data-Only (EV-DO),HSPA, HSPA+, Dual-Cell HSPA (DC-HSPDA), long term evolution (LTE), nearfield communication (NFC), wideband code division multiple access(W-CDMA), code division multiple access (CDMA), time division multipleaccess (TDMA), Bluetooth, Bluetooth Low Energy (BTLE), Wireless Fidelity(Wi-Fi) (e.g., IEEE 802.11a, IEEE 802.11b, IEEE 802.11g, IEEE 802.11n,and/or IEEE 802.11ac), voice over Internet Protocol (VoIP), Wi-MAX, aprotocol for e-mail (e.g., Internet message access protocol (IMAP)and/or post office protocol (POP)), instant messaging (e.g., extensiblemessaging and presence protocol (XMPP), Session Initiation Protocol forInstant Messaging and Presence Leveraging Extensions (SIMPLE), InstantMessaging and Presence Service (IMPS)), and/or Short Message Service(SMS), or any other suitable communication protocol, includingcommunication protocols not yet developed as of the filing date of thisdocument.

Audio circuitry 110, speaker 111, and microphone 113 provide an audiointerface between a user and device 100. Audio circuitry 110 receivesaudio data from peripherals interface 118, converts the audio data to anelectrical signal, and transmits the electrical signal to speaker 111.Speaker 111 converts the electrical signal to human-audible sound waves.Audio circuitry 110 also receives electrical signals converted bymicrophone 113 from sound waves. Audio circuitry 110 converts theelectrical signal to audio data and transmits the audio data toperipherals interface 118 for processing. Audio data is, optionally,retrieved from and/or transmitted to memory 102 and/or RF circuitry 108by peripherals interface 118. In some embodiments, audio circuitry 110also includes a headset jack (e.g., 212, FIG. 2 ). The headset jackprovides an interface between audio circuitry 110 and removable audioinput/output peripherals, such as output-only headphones or a headsetwith both output (e.g., a headphone for one or both ears) and input(e.g., a microphone).

I/O subsystem 106 couples input/output peripherals on device 100, suchas touch screen 112 and other input control devices 116, to peripheralsinterface 118. I/O subsystem 106 optionally includes display controller156, optical sensor controller 158, intensity sensor controller 159,haptic feedback controller 161, and one or more input controllers 160for other input or control devices. The one or more input controllers160 receive/send electrical signals from/to other input control devices116. The other input control devices 116 optionally include physicalbuttons (e.g., push buttons, rocker buttons, etc.), dials, sliderswitches, joysticks, click wheels, and so forth. In some alternateembodiments, input controller(s) 160 are, optionally, coupled to any (ornone) of the following: a keyboard, an infrared port, a USB port, and apointer device such as a mouse. The one or more buttons (e.g., 208, FIG.2 ) optionally include an up/down button for volume control of speaker111 and/or microphone 113. The one or more buttons optionally include apush button (e.g., 206, FIG. 2 ). In some embodiments, the electronicdevice is a computer system that is in communication (e.g., via wirelesscommunication, via wired communication) with one or more input devices.In some embodiments, the one or more input devices include atouch-sensitive surface (e.g., a trackpad, as part of a touch-sensitivedisplay). In some embodiments, the one or more input devices include oneor more camera sensors (e.g., one or more optical sensors 164 and/or oneor more depth camera sensors 175), such as for tracking a user'sgestures (e.g., hand gestures) as input. In some embodiments, the one ormore input devices are integrated with the computer system. In someembodiments, the one or more input devices are separate from thecomputer system.

A quick press of the push button optionally disengages a lock of touchscreen 112 or optionally begins a process that uses gestures on thetouch screen to unlock the device, as described in U.S. patentapplication Ser. No. 11/322,549, “Unlocking a Device by PerformingGestures on an Unlock Image,” filed Dec. 23, 2005, U.S. Pat. No.7,657,849, which is hereby incorporated by reference in its entirety. Alonger press of the push button (e.g., 206) optionally turns power todevice 100 on or off. The functionality of one or more of the buttonsare, optionally, user-customizable. Touch screen 112 is used toimplement virtual or soft buttons and one or more soft keyboards.

Touch-sensitive display 112 provides an input interface and an outputinterface between the device and a user. Display controller 156 receivesand/or sends electrical signals from/to touch screen 112. Touch screen112 displays visual output to the user. The visual output optionallyincludes graphics, text, icons, video, and any combination thereof(collectively termed “graphics”). In some embodiments, some or all ofthe visual output optionally corresponds to user-interface objects.

Touch screen 112 has a touch-sensitive surface, sensor, or set ofsensors that accepts input from the user based on haptic and/or tactilecontact. Touch screen 112 and display controller 156 (along with anyassociated modules and/or sets of instructions in memory 102) detectcontact (and any movement or breaking of the contact) on touch screen112 and convert the detected contact into interaction withuser-interface objects (e.g., one or more soft keys, icons, web pages,or images) that are displayed on touch screen 112. In an exemplaryembodiment, a point of contact between touch screen 112 and the usercorresponds to a finger of the user.

Touch screen 112 optionally uses LCD (liquid crystal display)technology, LPD (light emitting polymer display) technology, or LED(light emitting diode) technology, although other display technologiesare used in other embodiments. Touch screen 112 and display controller156 optionally detect contact and any movement or breaking thereof usingany of a plurality of touch sensing technologies now known or laterdeveloped, including but not limited to capacitive, resistive, infrared,and surface acoustic wave technologies, as well as other proximitysensor arrays or other elements for determining one or more points ofcontact with touch screen 112. In an exemplary embodiment, projectedmutual capacitance sensing technology is used, such as that found in theiPhone® and iPod Touch® from Apple Inc. of Cupertino, Calif.

A touch-sensitive display in some embodiments of touch screen 112 is,optionally, analogous to the multi-touch sensitive touchpads describedin the following U.S. Pat. No. 6,323,846 (Westerman et al.), U.S. Pat.No. 6,570,557 (Westerman et al.), and/or U.S. Pat. No. 6,677,932(Westerman), and/or U.S. Patent Publication 2002/0015024A1, each ofwhich is hereby incorporated by reference in its entirety. However,touch screen 112 displays visual output from device 100, whereastouch-sensitive touchpads do not provide visual output.

A touch-sensitive display in some embodiments of touch screen 112 isdescribed in the following applications: (1) U.S. patent applicationSer. No. 11/381,313, “Multipoint Touch Surface Controller,” filed May 2,2006; (2) U.S. patent application Ser. No. 10/840,862, “MultipointTouchscreen,” filed May 6, 2004; (3) U.S. patent application Ser. No.10/903,964, “Gestures For Touch Sensitive Input Devices,” filed Jul. 30,2004; (4) U.S. patent application Ser. No. 11/048,264, “Gestures ForTouch Sensitive Input Devices,” filed Jan. 31, 2005; (5) U.S. patentapplication Ser. No. 11/038,590, “Mode-Based Graphical User InterfacesFor Touch Sensitive Input Devices,” filed Jan. 18, 2005; (6) U.S. patentapplication Ser. No. 11/228,758, “Virtual Input Device Placement On ATouch Screen User Interface,” filed Sep. 16, 2005; (7) U.S. patentapplication Ser. No. 11/228,700, “Operation Of A Computer With A TouchScreen Interface,” filed Sep. 16, 2005; (8) U.S. patent application Ser.No. 11/228,737, “Activating Virtual Keys Of A Touch-Screen VirtualKeyboard,” filed Sep. 16, 2005; and (9) U.S. patent application Ser. No.11/367,749, “Multi-Functional Hand-Held Device,” filed Mar. 3, 2006. Allof these applications are incorporated by reference herein in theirentirety.

Touch screen 112 optionally has a video resolution in excess of 100 dpi.In some embodiments, the touch screen has a video resolution ofapproximately 160 dpi. The user optionally makes contact with touchscreen 112 using any suitable object or appendage, such as a stylus, afinger, and so forth. In some embodiments, the user interface isdesigned to work primarily with finger-based contacts and gestures,which can be less precise than stylus-based input due to the larger areaof contact of a finger on the touch screen. In some embodiments, thedevice translates the rough finger-based input into a precisepointer/cursor position or command for performing the actions desired bythe user.

In some embodiments, in addition to the touch screen, device 100optionally includes a touchpad (not shown) for activating ordeactivating particular functions. In some embodiments, the touchpad isa touch-sensitive area of the device that, unlike the touch screen, doesnot display visual output. The touchpad is, optionally, atouch-sensitive surface that is separate from touch screen 112 or anextension of the touch-sensitive surface formed by the touch screen.

Device 100 also includes power system 162 for powering the variouscomponents. Power system 162 optionally includes a power managementsystem, one or more power sources (e.g., battery, alternating current(AC)), a recharging system, a power failure detection circuit, a powerconverter or inverter, a power status indicator (e.g., a light-emittingdiode (LED)) and any other components associated with the generation,management and distribution of power in portable devices.

Device 100 optionally also includes one or more optical sensors 164.FIG. 1A shows an optical sensor coupled to optical sensor controller 158in I/O subsystem 106. Optical sensor 164 optionally includescharge-coupled device (CCD) or complementary metal-oxide semiconductor(CMOS) phototransistors. Optical sensor 164 receives light from theenvironment, projected through one or more lenses, and converts thelight to data representing an image. In conjunction with imaging module143 (also called a camera module), optical sensor 164 optionallycaptures still images or video. In some embodiments, an optical sensoris located on the back of device 100, opposite touch screen display 112on the front of the device so that the touch screen display is enabledfor use as a viewfinder for still and/or video image acquisition. Insome embodiments, an optical sensor is located on the front of thedevice so that the user's image is, optionally, obtained for videoconferencing while the user views the other video conferenceparticipants on the touch screen display. In some embodiments, theposition of optical sensor 164 can be changed by the user (e.g., byrotating the lens and the sensor in the device housing) so that a singleoptical sensor 164 is used along with the touch screen display for bothvideo conferencing and still and/or video image acquisition.

Device 100 optionally also includes one or more contact intensitysensors 165. FIG. 1A shows a contact intensity sensor coupled tointensity sensor controller 159 in I/O subsystem 106. Contact intensitysensor 165 optionally includes one or more piezoresistive strain gauges,capacitive force sensors, electric force sensors, piezoelectric forcesensors, optical force sensors, capacitive touch-sensitive surfaces, orother intensity sensors (e.g., sensors used to measure the force (orpressure) of a contact on a touch-sensitive surface). Contact intensitysensor 165 receives contact intensity information (e.g., pressureinformation or a proxy for pressure information) from the environment.In some embodiments, at least one contact intensity sensor is collocatedwith, or proximate to, a touch-sensitive surface (e.g., touch-sensitivedisplay system 112). In some embodiments, at least one contact intensitysensor is located on the back of device 100, opposite touch screendisplay 112, which is located on the front of device 100.

Device 100 optionally also includes one or more proximity sensors 166.FIG. 1A shows proximity sensor 166 coupled to peripherals interface 118.Alternately, proximity sensor 166 is, optionally, coupled to inputcontroller 160 in I/O subsystem 106. Proximity sensor 166 optionallyperforms as described in U.S. patent application Ser. No. 11/241,839,“Proximity Detector In Handheld Device”; Ser. No. 11/240,788, “ProximityDetector In Handheld Device”; Ser. No. 11/620,702, “Using Ambient LightSensor To Augment Proximity Sensor Output”; Ser. No. 11/586,862,“Automated Response To And Sensing Of User Activity In PortableDevices”; and Ser. No. 11/638,251, “Methods And Systems For AutomaticConfiguration Of Peripherals,” which are hereby incorporated byreference in their entirety. In some embodiments, the proximity sensorturns off and disables touch screen 112 when the multifunction device isplaced near the user's ear (e.g., when the user is making a phone call).

Device 100 optionally also includes one or more tactile outputgenerators 167. FIG. 1A shows a tactile output generator coupled tohaptic feedback controller 161 in I/O subsystem 106. Tactile outputgenerator 167 optionally includes one or more electroacoustic devicessuch as speakers or other audio components and/or electromechanicaldevices that convert energy into linear motion such as a motor,solenoid, electroactive polymer, piezoelectric actuator, electrostaticactuator, or other tactile output generating component (e.g., acomponent that converts electrical signals into tactile outputs on thedevice). Contact intensity sensor 165 receives tactile feedbackgeneration instructions from haptic feedback module 133 and generatestactile outputs on device 100 that are capable of being sensed by a userof device 100. In some embodiments, at least one tactile outputgenerator is collocated with, or proximate to, a touch-sensitive surface(e.g., touch-sensitive display system 112) and, optionally, generates atactile output by moving the touch-sensitive surface vertically (e.g.,in/out of a surface of device 100) or laterally (e.g., back and forth inthe same plane as a surface of device 100). In some embodiments, atleast one tactile output generator sensor is located on the back ofdevice 100, opposite touch screen display 112, which is located on thefront of device 100.

Device 100 optionally also includes one or more accelerometers 168. FIG.1A shows accelerometer 168 coupled to peripherals interface 118.Alternately, accelerometer 168 is, optionally, coupled to an inputcontroller 160 in I/O subsystem 106. Accelerometer 168 optionallyperforms as described in U.S. Patent Publication No. 20050190059,“Acceleration-based Theft Detection System for Portable ElectronicDevices,” and U.S. Patent Publication No. 20060017692, “Methods AndApparatuses For Operating A Portable Device Based On An Accelerometer,”both of which are incorporated by reference herein in their entirety. Insome embodiments, information is displayed on the touch screen displayin a portrait view or a landscape view based on an analysis of datareceived from the one or more accelerometers. Device 100 optionallyincludes, in addition to accelerometer(s) 168, a magnetometer (notshown) and a GPS (or GLONASS or other global navigation system) receiver(not shown) for obtaining information concerning the location andorientation (e.g., portrait or landscape) of device 100.

In some embodiments, the software components stored in memory 102include operating system 126, communication module (or set ofinstructions) 128, contact/motion module (or set of instructions) 130,graphics module (or set of instructions) 132, text input module (or setof instructions) 134, Global Positioning System (GPS) module (or set ofinstructions) 135, and applications (or sets of instructions) 136.Furthermore, in some embodiments, memory 102 (FIG. 1A) or 370 (FIG. 3 )stores device/global internal state 157, as shown in FIGS. 1A and 3 .Device/global internal state 157 includes one or more of: activeapplication state, indicating which applications, if any, are currentlyactive; display state, indicating what applications, views or otherinformation occupy various regions of touch screen display 112; sensorstate, including information obtained from the device's various sensorsand input control devices 116; and location information concerning thedevice's location and/or attitude.

Operating system 126 (e.g., Darwin, RTXC, LINUX, UNIX, OS X, iOS,WINDOWS, or an embedded operating system such as VxWorks) includesvarious software components and/or drivers for controlling and managinggeneral system tasks (e.g., memory management, storage device control,power management, etc.) and facilitates communication between varioushardware and software components.

Communication module 128 facilitates communication with other devicesover one or more external ports 124 and also includes various softwarecomponents for handling data received by RF circuitry 108 and/orexternal port 124. External port 124 (e.g., Universal Serial Bus (USB),FIREWIRE, etc.) is adapted for coupling directly to other devices orindirectly over a network (e.g., the Internet, wireless LAN, etc.). Insome embodiments, the external port is a multi-pin (e.g., 30-pin)connector that is the same as, or similar to and/or compatible with, the30-pin connector used on iPod® (trademark of Apple Inc.) devices.

Contact/motion module 130 optionally detects contact with touch screen112 (in conjunction with display controller 156) and othertouch-sensitive devices (e.g., a touchpad or physical click wheel).Contact/motion module 130 includes various software components forperforming various operations related to detection of contact, such asdetermining if contact has occurred (e.g., detecting a finger-downevent), determining an intensity of the contact (e.g., the force orpressure of the contact or a substitute for the force or pressure of thecontact), determining if there is movement of the contact and trackingthe movement across the touch-sensitive surface (e.g., detecting one ormore finger-dragging events), and determining if the contact has ceased(e.g., detecting a finger-up event or a break in contact).Contact/motion module 130 receives contact data from the touch-sensitivesurface. Determining movement of the point of contact, which isrepresented by a series of contact data, optionally includes determiningspeed (magnitude), velocity (magnitude and direction), and/or anacceleration (a change in magnitude and/or direction) of the point ofcontact. These operations are, optionally, applied to single contacts(e.g., one finger contacts) or to multiple simultaneous contacts (e.g.,“multitouch”/multiple finger contacts). In some embodiments,contact/motion module 130 and display controller 156 detect contact on atouchpad.

In some embodiments, contact/motion module 130 uses a set of one or moreintensity thresholds to determine whether an operation has beenperformed by a user (e.g., to determine whether a user has “clicked” onan icon). In some embodiments, at least a subset of the intensitythresholds are determined in accordance with software parameters (e.g.,the intensity thresholds are not determined by the activation thresholdsof particular physical actuators and can be adjusted without changingthe physical hardware of device 100). For example, a mouse “click”threshold of a trackpad or touch screen display can be set to any of alarge range of predefined threshold values without changing the trackpador touch screen display hardware. Additionally, in some implementations,a user of the device is provided with software settings for adjustingone or more of the set of intensity thresholds (e.g., by adjustingindividual intensity thresholds and/or by adjusting a plurality ofintensity thresholds at once with a system-level click “intensity”parameter).

Contact/motion module 130 optionally detects a gesture input by a user.Different gestures on the touch-sensitive surface have different contactpatterns (e.g., different motions, timings, and/or intensities ofdetected contacts). Thus, a gesture is, optionally, detected bydetecting a particular contact pattern. For example, detecting a fingertap gesture includes detecting a finger-down event followed by detectinga finger-up (liftoff) event at the same position (or substantially thesame position) as the finger-down event (e.g., at the position of anicon). As another example, detecting a finger swipe gesture on thetouch-sensitive surface includes detecting a finger-down event followedby detecting one or more finger-dragging events, and subsequentlyfollowed by detecting a finger-up (liftoff) event.

Graphics module 132 includes various known software components forrendering and displaying graphics on touch screen 112 or other display,including components for changing the visual impact (e.g., brightness,transparency, saturation, contrast, or other visual property) ofgraphics that are displayed. As used herein, the term “graphics”includes any object that can be displayed to a user, including, withoutlimitation, text, web pages, icons (such as user-interface objectsincluding soft keys), digital images, videos, animations, and the like.

In some embodiments, graphics module 132 stores data representinggraphics to be used. Each graphic is, optionally, assigned acorresponding code. Graphics module 132 receives, from applicationsetc., one or more codes specifying graphics to be displayed along with,if necessary, coordinate data and other graphic property data, and thengenerates screen image data to output to display controller 156.

Haptic feedback module 133 includes various software components forgenerating instructions used by tactile output generator(s) 167 toproduce tactile outputs at one or more locations on device 100 inresponse to user interactions with device 100.

Text input module 134, which is, optionally, a component of graphicsmodule 132, provides soft keyboards for entering text in variousapplications (e.g., contacts 137, e-mail 140, IM 141, browser 147, andany other application that needs text input).

GPS module 135 determines the location of the device and provides thisinformation for use in various applications (e.g., to telephone 138 foruse in location-based dialing; to camera 143 as picture/video metadata;and to applications that provide location-based services such as weatherwidgets, local yellow page widgets, and map/navigation widgets).

Applications 136 optionally include the following modules (or sets ofinstructions), or a subset or superset thereof:

-   -   Contacts module 137 (sometimes called an address book or contact        list);    -   Telephone module 138;    -   Video conference module 139;    -   E-mail client module 140;    -   Instant messaging (IM) module 141;    -   Workout support module 142;    -   Camera module 143 for still and/or video images;    -   Image management module 144;    -   Video player module;    -   Music player module;    -   Browser module 147;    -   Calendar module 148;    -   Widget modules 149, which optionally include one or more of:        weather widget 149-1, stocks widget 149-2, calculator widget        149-3, alarm clock widget 149-4, dictionary widget 149-5, and        other widgets obtained by the user, as well as user-created        widgets 149-6;    -   Widget creator module 150 for making user-created widgets 149-6;    -   Search module 151;    -   Video and music player module 152, which merges video player        module and music player module;    -   Notes module 153;    -   Map module 154; and/or    -   Online video module 155.

Examples of other applications 136 that are, optionally, stored inmemory 102 include other word processing applications, other imageediting applications, drawing applications, presentation applications,JAVA-enabled applications, encryption, digital rights management, voicerecognition, and voice replication

In conjunction with touch screen 112, display controller 156,contact/motion module 130, graphics module 132, and text input module134, contacts module 137 are, optionally, used to manage an address bookor contact list (e.g., stored in application internal state 192 ofcontacts module 137 in memory 102 or memory 370), including: addingname(s) to the address book; deleting name(s) from the address book;associating telephone number(s), e-mail address(es), physicaladdress(es) or other information with a name; associating an image witha name; categorizing and sorting names; providing telephone numbers ore-mail addresses to initiate and/or facilitate communications bytelephone 138, video conference module 139, e-mail 140, or IM 141; andso forth.

In conjunction with RF circuitry 108, audio circuitry 110, speaker 111,microphone 113, touch screen 112, display controller 156, contact/motionmodule 130, graphics module 132, and text input module 134, telephonemodule 138 are optionally, used to enter a sequence of characterscorresponding to a telephone number, access one or more telephonenumbers in contacts module 137, modify a telephone number that has beenentered, dial a respective telephone number, conduct a conversation, anddisconnect or hang up when the conversation is completed. As notedabove, the wireless communication optionally uses any of a plurality ofcommunications standards, protocols, and technologies.

In conjunction with RF circuitry 108, audio circuitry 110, speaker 111,microphone 113, touch screen 112, display controller 156, optical sensor164, optical sensor controller 158, contact/motion module 130, graphicsmodule 132, text input module 134, contacts module 137, and telephonemodule 138, video conference module 139 includes executable instructionsto initiate, conduct, and terminate a video conference between a userand one or more other participants in accordance with user instructions.

In conjunction with RF circuitry 108, touch screen 112, displaycontroller 156, contact/motion module 130, graphics module 132, and textinput module 134, e-mail client module 140 includes executableinstructions to create, send, receive, and manage e-mail in response touser instructions. In conjunction with image management module 144,e-mail client module 140 makes it very easy to create and send e-mailswith still or video images taken with camera module 143.

In conjunction with RF circuitry 108, touch screen 112, displaycontroller 156, contact/motion module 130, graphics module 132, and textinput module 134, the instant messaging module 141 includes executableinstructions to enter a sequence of characters corresponding to aninstant message, to modify previously entered characters, to transmit arespective instant message (for example, using a Short Message Service(SMS) or Multimedia Message Service (MMS) protocol for telephony-basedinstant messages or using XMPP, SIMPLE, or IMPS for Internet-basedinstant messages), to receive instant messages, and to view receivedinstant messages. In some embodiments, transmitted and/or receivedinstant messages optionally include graphics, photos, audio files, videofiles and/or other attachments as are supported in an MMS and/or anEnhanced Messaging Service (EMS). As used herein, “instant messaging”refers to both telephony-based messages (e.g., messages sent using SMSor MMS) and Internet-based messages (e.g., messages sent using XMPP,SIMPLE, or IMPS).

In conjunction with RF circuitry 108, touch screen 112, displaycontroller 156, contact/motion module 130, graphics module 132, textinput module 134, GPS module 135, map module 154, and music playermodule, workout support module 142 includes executable instructions tocreate workouts (e.g., with time, distance, and/or calorie burninggoals); communicate with workout sensors (sports devices); receiveworkout sensor data; calibrate sensors used to monitor a workout; selectand play music for a workout; and display, store, and transmit workoutdata.

In conjunction with touch screen 112, display controller 156, opticalsensor(s) 164, optical sensor controller 158, contact/motion module 130,graphics module 132, and image management module 144, camera module 143includes executable instructions to capture still images or video(including a video stream) and store them into memory 102, modifycharacteristics of a still image or video, or delete a still image orvideo from memory 102.

In conjunction with touch screen 112, display controller 156,contact/motion module 130, graphics module 132, text input module 134,and camera module 143, image management module 144 includes executableinstructions to arrange, modify (e.g., edit), or otherwise manipulate,label, delete, present (e.g., in a digital slide show or album), andstore still and/or video images.

In conjunction with RF circuitry 108, touch screen 112, displaycontroller 156, contact/motion module 130, graphics module 132, and textinput module 134, browser module 147 includes executable instructions tobrowse the Internet in accordance with user instructions, includingsearching, linking to, receiving, and displaying web pages or portionsthereof, as well as attachments and other files linked to web pages.

In conjunction with RF circuitry 108, touch screen 112, displaycontroller 156, contact/motion module 130, graphics module 132, textinput module 134, e-mail client module 140, and browser module 147,calendar module 148 includes executable instructions to create, display,modify, and store calendars and data associated with calendars (e.g.,calendar entries, to-do lists, etc.) in accordance with userinstructions.

In conjunction with RF circuitry 108, touch screen 112, displaycontroller 156, contact/motion module 130, graphics module 132, textinput module 134, and browser module 147, widget modules 149 aremini-applications that are, optionally, downloaded and used by a user(e.g., weather widget 149-1, stocks widget 149-2, calculator widget149-3, alarm clock widget 149-4, and dictionary widget 149-5) or createdby the user (e.g., user-created widget 149-6). In some embodiments, awidget includes an HTML (Hypertext Markup Language) file, a CSS(Cascading Style Sheets) file, and a JavaScript file. In someembodiments, a widget includes an XML (Extensible Markup Language) fileand a JavaScript file (e.g., Yahoo! Widgets).

In conjunction with RF circuitry 108, touch screen 112, displaycontroller 156, contact/motion module 130, graphics module 132, textinput module 134, and browser module 147, the widget creator module 150are, optionally, used by a user to create widgets (e.g., turning auser-specified portion of a web page into a widget).

In conjunction with touch screen 112, display controller 156,contact/motion module 130, graphics module 132, and text input module134, search module 151 includes executable instructions to search fortext, music, sound, image, video, and/or other files in memory 102 thatmatch one or more search criteria (e.g., one or more user-specifiedsearch terms) in accordance with user instructions.

In conjunction with touch screen 112, display controller 156,contact/motion module 130, graphics module 132, audio circuitry 110,speaker 111, RF circuitry 108, and browser module 147, video and musicplayer module 152 includes executable instructions that allow the userto download and play back recorded music and other sound files stored inone or more file formats, such as MP3 or AAC files, and executableinstructions to display, present, or otherwise play back videos (e.g.,on touch screen 112 or on an external, connected display via externalport 124). In some embodiments, device 100 optionally includes thefunctionality of an MP3 player, such as an iPod (trademark of AppleInc.).

In conjunction with touch screen 112, display controller 156,contact/motion module 130, graphics module 132, and text input module134, notes module 153 includes executable instructions to create andmanage notes, to-do lists, and the like in accordance with userinstructions.

In conjunction with RF circuitry 108, touch screen 112, displaycontroller 156, contact/motion module 130, graphics module 132, textinput module 134, GPS module 135, and browser module 147, map module 154are, optionally, used to receive, display, modify, and store maps anddata associated with maps (e.g., driving directions, data on stores andother points of interest at or near a particular location, and otherlocation-based data) in accordance with user instructions.

In conjunction with touch screen 112, display controller 156,contact/motion module 130, graphics module 132, audio circuitry 110,speaker 111, RF circuitry 108, text input module 134, e-mail clientmodule 140, and browser module 147, online video module 155 includesinstructions that allow the user to access, browse, receive (e.g., bystreaming and/or download), play back (e.g., on the touch screen or onan external, connected display via external port 124), send an e-mailwith a link to a particular online video, and otherwise manage onlinevideos in one or more file formats, such as H.264. In some embodiments,instant messaging module 141, rather than e-mail client module 140, isused to send a link to a particular online video. Additional descriptionof the online video application can be found in U.S. Provisional PatentApplication No. 60/936,562, “Portable Multifunction Device, Method, andGraphical User Interface for Playing Online Videos,” filed Jun. 20,2007, and U.S. patent application Ser. No. 11/968,067, “PortableMultifunction Device, Method, and Graphical User Interface for PlayingOnline Videos,” filed Dec. 31, 2007, the contents of which are herebyincorporated by reference in their entirety.

Each of the above-identified modules and applications corresponds to aset of executable instructions for performing one or more functionsdescribed above and the methods described in this application (e.g., thecomputer-implemented methods and other information processing methodsdescribed herein). These modules (e.g., sets of instructions) need notbe implemented as separate software programs, procedures, or modules,and thus various subsets of these modules are, optionally, combined orotherwise rearranged in various embodiments. For example, video playermodule is, optionally, combined with music player module into a singlemodule (e.g., video and music player module 152, FIG. 1A). In someembodiments, memory 102 optionally stores a subset of the modules anddata structures identified above. Furthermore, memory 102 optionallystores additional modules and data structures not described above.

In some embodiments, device 100 is a device where operation of apredefined set of functions on the device is performed exclusivelythrough a touch screen and/or a touchpad. By using a touch screen and/ora touchpad as the primary input control device for operation of device100, the number of physical input control devices (such as push buttons,dials, and the like) on device 100 is, optionally, reduced.

The predefined set of functions that are performed exclusively through atouch screen and/or a touchpad optionally include navigation betweenuser interfaces. In some embodiments, the touchpad, when touched by theuser, navigates device 100 to a main, home, or root menu from any userinterface that is displayed on device 100. In such embodiments, a “menubutton” is implemented using a touchpad. In some other embodiments, themenu button is a physical push button or other physical input controldevice instead of a touchpad.

FIG. 1B is a block diagram illustrating exemplary components for eventhandling in accordance with some embodiments. In some embodiments,memory 102 (FIG. 1A) or 370 (FIG. 3 ) includes event sorter 170 (e.g.,in operating system 126) and a respective application 136-1 (e.g., anyof the aforementioned applications 137-151, 155, 380-390).

Event sorter 170 receives event information and determines theapplication 136-1 and application view 191 of application 136-1 to whichto deliver the event information. Event sorter 170 includes eventmonitor 171 and event dispatcher module 174. In some embodiments,application 136-1 includes application internal state 192, whichindicates the current application view(s) displayed on touch-sensitivedisplay 112 when the application is active or executing. In someembodiments, device/global internal state 157 is used by event sorter170 to determine which application(s) is (are) currently active, andapplication internal state 192 is used by event sorter 170 to determineapplication views 191 to which to deliver event information.

In some embodiments, application internal state 192 includes additionalinformation, such as one or more of: resume information to be used whenapplication 136-1 resumes execution, user interface state informationthat indicates information being displayed or that is ready for displayby application 136-1, a state queue for enabling the user to go back toa prior state or view of application 136-1, and a redo/undo queue ofprevious actions taken by the user.

Event monitor 171 receives event information from peripherals interface118. Event information includes information about a sub-event (e.g., auser touch on touch-sensitive display 112, as part of a multi-touchgesture). Peripherals interface 118 transmits information it receivesfrom I/O subsystem 106 or a sensor, such as proximity sensor 166,accelerometer(s) 168, and/or microphone 113 (through audio circuitry110). Information that peripherals interface 118 receives from I/Osubsystem 106 includes information from touch-sensitive display 112 or atouch-sensitive surface.

In some embodiments, event monitor 171 sends requests to the peripheralsinterface 118 at predetermined intervals. In response, peripheralsinterface 118 transmits event information. In other embodiments,peripherals interface 118 transmits event information only when there isa significant event (e.g., receiving an input above a predeterminednoise threshold and/or for more than a predetermined duration).

In some embodiments, event sorter 170 also includes a hit viewdetermination module 172 and/or an active event recognizer determinationmodule 173.

Hit view determination module 172 provides software procedures fordetermining where a sub-event has taken place within one or more viewswhen touch-sensitive display 112 displays more than one view. Views aremade up of controls and other elements that a user can see on thedisplay.

Another aspect of the user interface associated with an application is aset of views, sometimes herein called application views or userinterface windows, in which information is displayed and touch-basedgestures occur. The application views (of a respective application) inwhich a touch is detected optionally correspond to programmatic levelswithin a programmatic or view hierarchy of the application. For example,the lowest level view in which a touch is detected is, optionally,called the hit view, and the set of events that are recognized as properinputs are, optionally, determined based, at least in part, on the hitview of the initial touch that begins a touch-based gesture.

Hit view determination module 172 receives information related tosub-events of a touch-based gesture. When an application has multipleviews organized in a hierarchy, hit view determination module 172identifies a hit view as the lowest view in the hierarchy which shouldhandle the sub-event. In most circumstances, the hit view is the lowestlevel view in which an initiating sub-event occurs (e.g., the firstsub-event in the sequence of sub-events that form an event or potentialevent). Once the hit view is identified by the hit view determinationmodule 172, the hit view typically receives all sub-events related tothe same touch or input source for which it was identified as the hitview.

Active event recognizer determination module 173 determines which viewor views within a view hierarchy should receive a particular sequence ofsub-events. In some embodiments, active event recognizer determinationmodule 173 determines that only the hit view should receive a particularsequence of sub-events. In other embodiments, active event recognizerdetermination module 173 determines that all views that include thephysical location of a sub-event are actively involved views, andtherefore determines that all actively involved views should receive aparticular sequence of sub-events. In other embodiments, even if touchsub-events were entirely confined to the area associated with oneparticular view, views higher in the hierarchy would still remain asactively involved views.

Event dispatcher module 174 dispatches the event information to an eventrecognizer (e.g., event recognizer 180). In embodiments including activeevent recognizer determination module 173, event dispatcher module 174delivers the event information to an event recognizer determined byactive event recognizer determination module 173. In some embodiments,event dispatcher module 174 stores in an event queue the eventinformation, which is retrieved by a respective event receiver 182.

In some embodiments, operating system 126 includes event sorter 170.Alternatively, application 136-1 includes event sorter 170. In yet otherembodiments, event sorter 170 is a stand-alone module, or a part ofanother module stored in memory 102, such as contact/motion module 130.

In some embodiments, application 136-1 includes a plurality of eventhandlers 190 and one or more application views 191, each of whichincludes instructions for handling touch events that occur within arespective view of the application's user interface. Each applicationview 191 of the application 136-1 includes one or more event recognizers180. Typically, a respective application view 191 includes a pluralityof event recognizers 180. In other embodiments, one or more of eventrecognizers 180 are part of a separate module, such as a user interfacekit (not shown) or a higher level object from which application 136-1inherits methods and other properties. In some embodiments, a respectiveevent handler 190 includes one or more of: data updater 176, objectupdater 177, GUI updater 178, and/or event data 179 received from eventsorter 170. Event handler 190 optionally utilizes or calls data updater176, object updater 177, or GUI updater 178 to update the applicationinternal state 192. Alternatively, one or more of the application views191 include one or more respective event handlers 190. Also, in someembodiments, one or more of data updater 176, object updater 177, andGUI updater 178 are included in a respective application view 191.

A respective event recognizer 180 receives event information (e.g.,event data 179) from event sorter 170 and identifies an event from theevent information. Event recognizer 180 includes event receiver 182 andevent comparator 184. In some embodiments, event recognizer 180 alsoincludes at least a subset of: metadata 183, and event deliveryinstructions 188 (which optionally include sub-event deliveryinstructions).

Event receiver 182 receives event information from event sorter 170. Theevent information includes information about a sub-event, for example, atouch or a touch movement. Depending on the sub-event, the eventinformation also includes additional information, such as location ofthe sub-event. When the sub-event concerns motion of a touch, the eventinformation optionally also includes speed and direction of thesub-event. In some embodiments, events include rotation of the devicefrom one orientation to another (e.g., from a portrait orientation to alandscape orientation, or vice versa), and the event informationincludes corresponding information about the current orientation (alsocalled device attitude) of the device.

Event comparator 184 compares the event information to predefined eventor sub-event definitions and, based on the comparison, determines anevent or sub-event, or determines or updates the state of an event orsub-event. In some embodiments, event comparator 184 includes eventdefinitions 186. Event definitions 186 contain definitions of events(e.g., predefined sequences of sub-events), for example, event 1(187-1), event 2 (187-2), and others. In some embodiments, sub-events inan event (187) include, for example, touch begin, touch end, touchmovement, touch cancellation, and multiple touching. In one example, thedefinition for event 1 (187-1) is a double tap on a displayed object.The double tap, for example, comprises a first touch (touch begin) onthe displayed object for a predetermined phase, a first liftoff (touchend) for a predetermined phase, a second touch (touch begin) on thedisplayed object for a predetermined phase, and a second liftoff (touchend) for a predetermined phase. In another example, the definition forevent 2 (187-2) is a dragging on a displayed object. The dragging, forexample, comprises a touch (or contact) on the displayed object for apredetermined phase, a movement of the touch across touch-sensitivedisplay 112, and liftoff of the touch (touch end). In some embodiments,the event also includes information for one or more associated eventhandlers 190.

In some embodiments, event definition 187 includes a definition of anevent for a respective user-interface object. In some embodiments, eventcomparator 184 performs a hit test to determine which user-interfaceobject is associated with a sub-event. For example, in an applicationview in which three user-interface objects are displayed ontouch-sensitive display 112, when a touch is detected on touch-sensitivedisplay 112, event comparator 184 performs a hit test to determine whichof the three user-interface objects is associated with the touch(sub-event). If each displayed object is associated with a respectiveevent handler 190, the event comparator uses the result of the hit testto determine which event handler 190 should be activated. For example,event comparator 184 selects an event handler associated with thesub-event and the object triggering the hit test.

In some embodiments, the definition for a respective event (187) alsoincludes delayed actions that delay delivery of the event informationuntil after it has been determined whether the sequence of sub-eventsdoes or does not correspond to the event recognizer's event type.

When a respective event recognizer 180 determines that the series ofsub-events do not match any of the events in event definitions 186, therespective event recognizer 180 enters an event impossible, eventfailed, or event ended state, after which it disregards subsequentsub-events of the touch-based gesture. In this situation, other eventrecognizers, if any, that remain active for the hit view continue totrack and process sub-events of an ongoing touch-based gesture.

In some embodiments, a respective event recognizer 180 includes metadata183 with configurable properties, flags, and/or lists that indicate howthe event delivery system should perform sub-event delivery to activelyinvolved event recognizers. In some embodiments, metadata 183 includesconfigurable properties, flags, and/or lists that indicate how eventrecognizers interact, or are enabled to interact, with one another. Insome embodiments, metadata 183 includes configurable properties, flags,and/or lists that indicate whether sub-events are delivered to varyinglevels in the view or programmatic hierarchy.

In some embodiments, a respective event recognizer 180 activates eventhandler 190 associated with an event when one or more particularsub-events of an event are recognized. In some embodiments, a respectiveevent recognizer 180 delivers event information associated with theevent to event handler 190. Activating an event handler 190 is distinctfrom sending (and deferred sending) sub-events to a respective hit view.In some embodiments, event recognizer 180 throws a flag associated withthe recognized event, and event handler 190 associated with the flagcatches the flag and performs a predefined process.

In some embodiments, event delivery instructions 188 include sub-eventdelivery instructions that deliver event information about a sub-eventwithout activating an event handler. Instead, the sub-event deliveryinstructions deliver event information to event handlers associated withthe series of sub-events or to actively involved views. Event handlersassociated with the series of sub-events or with actively involved viewsreceive the event information and perform a predetermined process.

In some embodiments, data updater 176 creates and updates data used inapplication 136-1. For example, data updater 176 updates the telephonenumber used in contacts module 137, or stores a video file used in videoplayer module. In some embodiments, object updater 177 creates andupdates objects used in application 136-1. For example, object updater177 creates a new user-interface object or updates the position of auser-interface object. GUI updater 178 updates the GUI. For example, GUIupdater 178 prepares display information and sends it to graphics module132 for display on a touch-sensitive display.

In some embodiments, event handler(s) 190 includes or has access to dataupdater 176, object updater 177, and GUI updater 178. In someembodiments, data updater 176, object updater 177, and GUI updater 178are included in a single module of a respective application 136-1 orapplication view 191. In other embodiments, they are included in two ormore software modules.

It shall be understood that the foregoing discussion regarding eventhandling of user touches on touch-sensitive displays also applies toother forms of user inputs to operate multifunction devices 100 withinput devices, not all of which are initiated on touch screens. Forexample, mouse movement and mouse button presses, optionally coordinatedwith single or multiple keyboard presses or holds; contact movementssuch as taps, drags, scrolls, etc. on touchpads; pen stylus inputs;movement of the device; oral instructions; detected eye movements;biometric inputs; and/or any combination thereof are optionally utilizedas inputs corresponding to sub-events which define an event to berecognized.

FIG. 2 illustrates a portable multifunction device 100 having a touchscreen 112 in accordance with some embodiments. The touch screenoptionally displays one or more graphics within user interface (UI) 200.In this embodiment, as well as others described below, a user is enabledto select one or more of the graphics by making a gesture on thegraphics, for example, with one or more fingers 202 (not drawn to scalein the figure) or one or more styluses 203 (not drawn to scale in thefigure). In some embodiments, selection of one or more graphics occurswhen the user breaks contact with the one or more graphics. In someembodiments, the gesture optionally includes one or more taps, one ormore swipes (from left to right, right to left, upward and/or downward),and/or a rolling of a finger (from right to left, left to right, upwardand/or downward) that has made contact with device 100. In someimplementations or circumstances, inadvertent contact with a graphicdoes not select the graphic. For example, a swipe gesture that sweepsover an application icon optionally does not select the correspondingapplication when the gesture corresponding to selection is a tap.

In some embodiments, stylus 203 is an active device and includes one ormore electronic circuitry. For example, stylus 203 includes one or moresensors, and one or more communication circuitry (such as communicationmodule 128 and/or RF circuitry 108). In some embodiments, stylus 203includes one or more processors and power systems (e.g., similar topower system 162). In some embodiments, stylus 203 includes anaccelerometer (such as accelerometer 168), magnetometer, and/orgyroscope that is able to determine the position, angle, location,and/or other physical characteristics of stylus 203 (e.g., such aswhether the stylus is placed down, angled toward or away from a device,and/or near or far from a device). In some embodiments, stylus 203 is incommunication with an electronic device (e.g., via communicationcircuitry, over a wireless communication protocol such as Bluetooth) andtransmits sensor data to the electronic device. In some embodiments,stylus 203 is able to determine (e.g., via the accelerometer or othersensors) whether the user is holding the device. In some embodiments,stylus 203 can accept tap inputs (e.g., single tap or double tap) onstylus 203 (e.g., received by the accelerometer or other sensors) fromthe user and interpret the input as a command or request to perform afunction or change to a different input mode.

Device 100 optionally also include one or more physical buttons, such as“home” or menu button 204. As described previously, menu button 204 is,optionally, used to navigate to any application 136 in a set ofapplications that are, optionally, executed on device 100.Alternatively, in some embodiments, the menu button is implemented as asoft key in a GUI displayed on touch screen 112.

In some embodiments, device 100 includes touch screen 112, menu button204, push button 206 for powering the device on/off and locking thedevice, volume adjustment button(s) 208, subscriber identity module(SIM) card slot 210, headset jack 212, and docking/charging externalport 124. Push button 206 is, optionally, used to turn the power on/offon the device by depressing the button and holding the button in thedepressed state for a predefined time interval; to lock the device bydepressing the button and releasing the button before the predefinedtime interval has elapsed; and/or to unlock the device or initiate anunlock process. In an alternative embodiment, device 100 also acceptsverbal input for activation or deactivation of some functions throughmicrophone 113. Device 100 also, optionally, includes one or morecontact intensity sensors 165 for detecting intensity of contacts ontouch screen 112 and/or one or more tactile output generators 167 forgenerating tactile outputs for a user of device 100.

FIG. 3 is a block diagram of an exemplary multifunction device with adisplay and a touch-sensitive surface in accordance with someembodiments. Device 300 need not be portable. In some embodiments,device 300 is a laptop computer, a desktop computer, a tablet computer,a multimedia player device, a navigation device, an educational device(such as a child's learning toy), a gaming system, or a control device(e.g., a home or industrial controller). Device 300 typically includesone or more processing units (CPUs) 310, one or more network or othercommunications interfaces 360, memory 370, and one or more communicationbuses 320 for interconnecting these components. Communication buses 320optionally include circuitry (sometimes called a chipset) thatinterconnects and controls communications between system components.Device 300 includes input/output (I/O) interface 330 comprising display340, which is typically a touch screen display. I/O interface 330 alsooptionally includes a keyboard and/or mouse (or other pointing device)350 and touchpad 355, tactile output generator 357 for generatingtactile outputs on device 300 (e.g., similar to tactile outputgenerator(s) 167 described above with reference to FIG. 1A), sensors 359(e.g., optical, acceleration, proximity, touch-sensitive, and/or contactintensity sensors similar to contact intensity sensor(s) 165 describedabove with reference to FIG. 1A). Memory 370 includes high-speed randomaccess memory, such as DRAM, SRAM, DDR RAM, or other random access solidstate memory devices; and optionally includes non-volatile memory, suchas one or more magnetic disk storage devices, optical disk storagedevices, flash memory devices, or other non-volatile solid state storagedevices. Memory 370 optionally includes one or more storage devicesremotely located from CPU(s) 310. In some embodiments, memory 370 storesprograms, modules, and data structures analogous to the programs,modules, and data structures stored in memory 102 of portablemultifunction device 100 (FIG. 1A), or a subset thereof. Furthermore,memory 370 optionally stores additional programs, modules, and datastructures not present in memory 102 of portable multifunction device100. For example, memory 370 of device 300 optionally stores drawingmodule 380, presentation module 382, word processing module 384, websitecreation module 386, disk authoring module 388, and/or spreadsheetmodule 390, while memory 102 of portable multifunction device 100 (FIG.1A) optionally does not store these modules.

Each of the above-identified elements in FIG. 3 is, optionally, storedin one or more of the previously mentioned memory devices. Each of theabove-identified modules corresponds to a set of instructions forperforming a function described above. The above-identified modules orprograms (e.g., sets of instructions) need not be implemented asseparate software programs, procedures, or modules, and thus varioussubsets of these modules are, optionally, combined or otherwiserearranged in various embodiments. In some embodiments, memory 370optionally stores a subset of the modules and data structures identifiedabove. Furthermore, memory 370 optionally stores additional modules anddata structures not described above.

Attention is now directed towards embodiments of user interfaces thatare, optionally, implemented on, for example, portable multifunctiondevice 100.

FIG. 4A illustrates an exemplary user interface for a menu ofapplications on portable multifunction device 100 in accordance withsome embodiments. Similar user interfaces are, optionally, implementedon device 300. In some embodiments, user interface 400 includes thefollowing elements, or a subset or superset thereof:

-   -   Signal strength indicator(s) 402 for wireless communication(s),        such as cellular and Wi-Fi signals;    -   Time 404;    -   Bluetooth indicator 405;    -   Battery status indicator 406;    -   Tray 408 with icons for frequently used applications, such as:        -   Icon 416 for telephone module 138, labeled “Phone,” which            optionally includes an indicator 414 of the number of missed            calls or voicemail messages;        -   Icon 418 for e-mail client module 140, labeled “Mail,” which            optionally includes an indicator 410 of the number of unread            e-mails;        -   Icon 420 for browser module 147, labeled “Browser;” and        -   Icon 422 for video and music player module 152, also            referred to as iPod (trademark of Apple Inc.) module 152,            labeled “iPod;” and    -   Icons for other applications, such as:        -   Icon 424 for IM module 141, labeled “Messages;”        -   Icon 426 for calendar module 148, labeled “Calendar;”        -   Icon 428 for image management module 144, labeled “Photos;”        -   Icon 430 for camera module 143, labeled “Camera;”        -   Icon 432 for online video module 155, labeled “Online            Video;”        -   Icon 434 for stocks widget 149-2, labeled “Stocks;”        -   Icon 436 for map module 154, labeled “Maps;”        -   Icon 438 for weather widget 149-1, labeled “Weather;”        -   Icon 440 for alarm clock widget 149-4, labeled “Clock;”        -   Icon 442 for workout support module 142, labeled “Workout            Support;”        -   Icon 444 for notes module 153, labeled “Notes;” and        -   Icon 446 for a settings application or module, labeled            “Settings,” which provides access to settings for device 100            and its various applications 136

It should be noted that the icon labels illustrated in FIG. 4A aremerely exemplary. For example, icon 422 for video and music playermodule 152 is labeled “Music” or “Music Player.” Other labels are,optionally, used for various application icons. In some embodiments, alabel for a respective application icon includes a name of anapplication corresponding to the respective application icon. In someembodiments, a label for a particular application icon is distinct froma name of an application corresponding to the particular applicationicon.

FIG. 4B illustrates an exemplary user interface on a device (e.g.,device 300, FIG. 3 ) with a touch-sensitive surface 451 (e.g., a tabletor touchpad 355, FIG. 3 ) that is separate from the display 450 (e.g.,touch screen display 112). Device 300 also, optionally, includes one ormore contact intensity sensors (e.g., one or more of sensors 359) fordetecting intensity of contacts on touch-sensitive surface 451 and/orone or more tactile output generators 357 for generating tactile outputsfor a user of device 300.

Although some of the examples that follow will be given with referenceto inputs on touch screen display 112 (where the touch-sensitive surfaceand the display are combined), in some embodiments, the device detectsinputs on a touch-sensitive surface that is separate from the display,as shown in FIG. 4B. In some embodiments, the touch-sensitive surface(e.g., 451 in FIG. 4B) has a primary axis (e.g., 452 in FIG. 4B) thatcorresponds to a primary axis (e.g., 453 in FIG. 4B) on the display(e.g., 450). In accordance with these embodiments, the device detectscontacts (e.g., 460 and 462 in FIG. 4B) with the touch-sensitive surface451 at locations that correspond to respective locations on the display(e.g., in FIG. 4B, 460 corresponds to 468 and 462 corresponds to 470).In this way, user inputs (e.g., contacts 460 and 462, and movementsthereof) detected by the device on the touch-sensitive surface (e.g.,451 in FIG. 4B) are used by the device to manipulate the user interfaceon the display (e.g., 450 in FIG. 4B) of the multifunction device whenthe touch-sensitive surface is separate from the display. It should beunderstood that similar methods are, optionally, used for other userinterfaces described herein.

Additionally, while the following examples are given primarily withreference to finger inputs (e.g., finger contacts, finger tap gestures,finger swipe gestures), it should be understood that, in someembodiments, one or more of the finger inputs are replaced with inputfrom another input device (e.g., a mouse-based input or stylus input).For example, a swipe gesture is, optionally, replaced with a mouse click(e.g., instead of a contact) followed by movement of the cursor alongthe path of the swipe (e.g., instead of movement of the contact). Asanother example, a tap gesture is, optionally, replaced with a mouseclick while the cursor is located over the location of the tap gesture(e.g., instead of detection of the contact followed by ceasing to detectthe contact). Similarly, when multiple user inputs are simultaneouslydetected, it should be understood that multiple computer mice are,optionally, used simultaneously, or a mouse and finger contacts are,optionally, used simultaneously.

FIG. 5A illustrates exemplary personal electronic device 500. Device 500includes body 502. In some embodiments, device 500 can include some orall of the features described with respect to devices 100 and 300 (e.g.,FIGS. 1A-4B). In some embodiments, device 500 has touch-sensitivedisplay screen 504, hereafter touch screen 504. Alternatively, or inaddition to touch screen 504, device 500 has a display and atouch-sensitive surface. As with devices 100 and 300, in someembodiments, touch screen 504 (or the touch-sensitive surface)optionally includes one or more intensity sensors for detectingintensity of contacts (e.g., touches) being applied. The one or moreintensity sensors of touch screen 504 (or the touch-sensitive surface)can provide output data that represents the intensity of touches. Theuser interface of device 500 can respond to touches based on theirintensity, meaning that touches of different intensities can invokedifferent user interface operations on device 500.

Exemplary techniques for detecting and processing touch intensity arefound, for example, in related applications: International PatentApplication Serial No. PCT/US2013/040061, titled “Device, Method, andGraphical User Interface for Displaying User Interface ObjectsCorresponding to an Application,” filed May 8, 2013, published as WIPOPublication No. WO/2013/169849, and International Patent ApplicationSerial No. PCT/US2013/069483, titled “Device, Method, and Graphical UserInterface for Transitioning Between Touch Input to Display OutputRelationships,” filed Nov. 11, 2013, published as WIPO Publication No.WO/2014/105276, each of which is hereby incorporated by reference intheir entirety.

In some embodiments, device 500 has one or more input mechanisms 506 and508. Input mechanisms 506 and 508, if included, can be physical.Examples of physical input mechanisms include push buttons and rotatablemechanisms. In some embodiments, device 500 has one or more attachmentmechanisms. Such attachment mechanisms, if included, can permitattachment of device 500 with, for example, hats, eyewear, earrings,necklaces, shirts, jackets, bracelets, watch straps, chains, trousers,belts, shoes, purses, backpacks, and so forth. These attachmentmechanisms permit device 500 to be worn by a user.

FIG. 5B depicts exemplary personal electronic device 500. In someembodiments, device 500 can include some or all of the componentsdescribed with respect to FIGS. 1A, 1B, and 3 . Device 500 has bus 512that operatively couples I/O section 514 with one or more computerprocessors 516 and memory 518. I/O section 514 can be connected todisplay 504, which can have touch-sensitive component 522 and,optionally, intensity sensor 524 (e.g., contact intensity sensor). Inaddition, I/O section 514 can be connected with communication unit 530for receiving application and operating system data, using Wi-Fi,Bluetooth, near field communication (NFC), cellular, and/or otherwireless communication techniques. Device 500 can include inputmechanisms 506 and/or 508. Input mechanism 506 is, optionally, arotatable input device or a depressible and rotatable input device, forexample. Input mechanism 508 is, optionally, a button, in some examples.

Input mechanism 508 is, optionally, a microphone, in some examples.Personal electronic device 500 optionally includes various sensors, suchas GPS sensor 532, accelerometer 534, directional sensor 540 (e.g.,compass), gyroscope 536, motion sensor 538, and/or a combinationthereof, all of which can be operatively connected to I/O section 514.

Memory 518 of personal electronic device 500 can include one or morenon-transitory computer-readable storage mediums, for storingcomputer-executable instructions, which, when executed by one or morecomputer processors 516, for example, can cause the computer processorsto perform the techniques described below, including process 700 and 900(FIGS. 7 and 9 ). A computer-readable storage medium can be any mediumthat can tangibly contain or store computer-executable instructions foruse by or in connection with the instruction execution system,apparatus, or device. In some examples, the storage medium is atransitory computer-readable storage medium. In some examples, thestorage medium is a non-transitory computer-readable storage medium. Thenon-transitory computer-readable storage medium can include, but is notlimited to, magnetic, optical, and/or semiconductor storages. Examplesof such storage include magnetic disks, optical discs based on CD, DVD,or Blu-ray technologies, as well as persistent solid-state memory suchas flash, solid-state drives, and the like. Personal electronic device500 is not limited to the components and configuration of FIG. 5B, butcan include other or additional components in multiple configurations.

In addition, in methods described herein where one or more steps arecontingent upon one or more conditions having been met, it should beunderstood that the described method can be repeated in multiplerepetitions so that over the course of the repetitions all of theconditions upon which steps in the method are contingent have been metin different repetitions of the method. For example, if a methodrequires performing a first step if a condition is satisfied, and asecond step if the condition is not satisfied, then a person of ordinaryskill would appreciate that the claimed steps are repeated until thecondition has been both satisfied and not satisfied, in no particularorder. Thus, a method described with one or more steps that arecontingent upon one or more conditions having been met could berewritten as a method that is repeated until each of the conditionsdescribed in the method has been met. This, however, is not required ofsystem or computer readable medium claims where the system or computerreadable medium contains instructions for performing the contingentoperations based on the satisfaction of the corresponding one or moreconditions and thus is capable of determining whether the contingencyhas or has not been satisfied without explicitly repeating steps of amethod until all of the conditions upon which steps in the method arecontingent have been met. A person having ordinary skill in the artwould also understand that, similar to a method with contingent steps, asystem or computer readable storage medium can repeat the steps of amethod as many times as are needed to ensure that all of the contingentsteps have been performed.

As used here, the term “affordance” refers to a user-interactivegraphical user interface object that is, optionally, displayed on thedisplay screen of devices 100, 300, and/or 500 (FIGS. 1A, 3, and 5A-5B).For example, an image (e.g., icon), a button, and text (e.g., hyperlink)each optionally constitute an affordance.

As used herein, the term “focus selector” refers to an input elementthat indicates a current part of a user interface with which a user isinteracting. In some implementations that include a cursor or otherlocation marker, the cursor acts as a “focus selector” so that when aninput (e.g., a press input) is detected on a touch-sensitive surface(e.g., touchpad 355 in FIG. 3 or touch-sensitive surface 451 in FIG. 4B)while the cursor is over a particular user interface element (e.g., abutton, window, slider, or other user interface element), the particularuser interface element is adjusted in accordance with the detectedinput. In some implementations that include a touch screen display(e.g., touch-sensitive display system 112 in FIG. 1A or touch screen 112in FIG. 4A) that enables direct interaction with user interface elementson the touch screen display, a detected contact on the touch screen actsas a “focus selector” so that when an input (e.g., a press input by thecontact) is detected on the touch screen display at a location of aparticular user interface element (e.g., a button, window, slider, orother user interface element), the particular user interface element isadjusted in accordance with the detected input. In some implementations,focus is moved from one region of a user interface to another region ofthe user interface without corresponding movement of a cursor ormovement of a contact on a touch screen display (e.g., by using a tabkey or arrow keys to move focus from one button to another button); inthese implementations, the focus selector moves in accordance withmovement of focus between different regions of the user interface.Without regard to the specific form taken by the focus selector, thefocus selector is generally the user interface element (or contact on atouch screen display) that is controlled by the user so as tocommunicate the user's intended interaction with the user interface(e.g., by indicating, to the device, the element of the user interfacewith which the user is intending to interact). For example, the locationof a focus selector (e.g., a cursor, a contact, or a selection box) overa respective button while a press input is detected on thetouch-sensitive surface (e.g., a touchpad or touch screen) will indicatethat the user is intending to activate the respective button (as opposedto other user interface elements shown on a display of the device).

As used in the specification and claims, the term “characteristicintensity” of a contact refers to a characteristic of the contact basedon one or more intensities of the contact. In some embodiments, thecharacteristic intensity is based on multiple intensity samples. Thecharacteristic intensity is, optionally, based on a predefined number ofintensity samples, or a set of intensity samples collected during apredetermined time period (e.g., 0.05, 0.1, 0.2, 0.5, 1, 2, 5, 10seconds) relative to a predefined event (e.g., after detecting thecontact, prior to detecting liftoff of the contact, before or afterdetecting a start of movement of the contact, prior to detecting an endof the contact, before or after detecting an increase in intensity ofthe contact, and/or before or after detecting a decrease in intensity ofthe contact). A characteristic intensity of a contact is, optionally,based on one or more of: a maximum value of the intensities of thecontact, a mean value of the intensities of the contact, an averagevalue of the intensities of the contact, a top 10 percentile value ofthe intensities of the contact, a value at the half maximum of theintensities of the contact, a value at the 90 percent maximum of theintensities of the contact, or the like. In some embodiments, theduration of the contact is used in determining the characteristicintensity (e.g., when the characteristic intensity is an average of theintensity of the contact over time). In some embodiments, thecharacteristic intensity is compared to a set of one or more intensitythresholds to determine whether an operation has been performed by auser. For example, the set of one or more intensity thresholdsoptionally includes a first intensity threshold and a second intensitythreshold. In this example, a contact with a characteristic intensitythat does not exceed the first threshold results in a first operation, acontact with a characteristic intensity that exceeds the first intensitythreshold and does not exceed the second intensity threshold results ina second operation, and a contact with a characteristic intensity thatexceeds the second threshold results in a third operation. In someembodiments, a comparison between the characteristic intensity and oneor more thresholds is used to determine whether or not to perform one ormore operations (e.g., whether to perform a respective operation orforgo performing the respective operation), rather than being used todetermine whether to perform a first operation or a second operation.

FIG. 5C illustrates detecting a plurality of contacts 552A-552E ontouch-sensitive display screen 504 with a plurality of intensity sensors524A-524D. FIG. 5C additionally includes intensity diagrams that showthe current intensity measurements of the intensity sensors 524A-524Drelative to units of intensity. In this example, the intensitymeasurements of intensity sensors 524A and 524D are each 9 units ofintensity, and the intensity measurements of intensity sensors 524B and524C are each 7 units of intensity. In some implementations, anaggregate intensity is the sum of the intensity measurements of theplurality of intensity sensors 524A-524D, which in this example is 32intensity units. In some embodiments, each contact is assigned arespective intensity that is a portion of the aggregate intensity. FIG.5D illustrates assigning the aggregate intensity to contacts 552A-552Ebased on their distance from the center of force 554. In this example,each of contacts 552A, 552B, and 552E are assigned an intensity ofcontact of 8 intensity units of the aggregate intensity, and each ofcontacts 552C and 552D are assigned an intensity of contact of 4intensity units of the aggregate intensity. More generally, in someimplementations, each contact j is assigned a respective intensity Ijthat is a portion of the aggregate intensity, A, in accordance with apredefined mathematical function, Ij=A·(Dj/ΣDi), where Dj is thedistance of the respective contact j to the center of force, and ΣDi isthe sum of the distances of all the respective contacts (e.g., i=1 tolast) to the center of force. The operations described with reference toFIGS. 5C-5D can be performed using an electronic device similar oridentical to device 100, 300, or 500. In some embodiments, acharacteristic intensity of a contact is based on one or moreintensities of the contact. In some embodiments, the intensity sensorsare used to determine a single characteristic intensity (e.g., a singlecharacteristic intensity of a single contact). It should be noted thatthe intensity diagrams are not part of a displayed user interface, butare included in FIGS. 5C-5D to aid the reader.

In some embodiments, a portion of a gesture is identified for purposesof determining a characteristic intensity. For example, atouch-sensitive surface optionally receives a continuous swipe contacttransitioning from a start location and reaching an end location, atwhich point the intensity of the contact increases. In this example, thecharacteristic intensity of the contact at the end location is,optionally, based on only a portion of the continuous swipe contact, andnot the entire swipe contact (e.g., only the portion of the swipecontact at the end location). In some embodiments, a smoothing algorithmis, optionally, applied to the intensities of the swipe contact prior todetermining the characteristic intensity of the contact. For example,the smoothing algorithm optionally includes one or more of: anunweighted sliding-average smoothing algorithm, a triangular smoothingalgorithm, a median filter smoothing algorithm, and/or an exponentialsmoothing algorithm. In some circumstances, these smoothing algorithmseliminate narrow spikes or dips in the intensities of the swipe contactfor purposes of determining a characteristic intensity.

The intensity of a contact on the touch-sensitive surface is,optionally, characterized relative to one or more intensity thresholds,such as a contact-detection intensity threshold, a light press intensitythreshold, a deep press intensity threshold, and/or one or more otherintensity thresholds. In some embodiments, the light press intensitythreshold corresponds to an intensity at which the device will performoperations typically associated with clicking a button of a physicalmouse or a trackpad. In some embodiments, the deep press intensitythreshold corresponds to an intensity at which the device will performoperations that are different from operations typically associated withclicking a button of a physical mouse or a trackpad. In someembodiments, when a contact is detected with a characteristic intensitybelow the light press intensity threshold (e.g., and above a nominalcontact-detection intensity threshold below which the contact is nolonger detected), the device will move a focus selector in accordancewith movement of the contact on the touch-sensitive surface withoutperforming an operation associated with the light press intensitythreshold or the deep press intensity threshold. Generally, unlessotherwise stated, these intensity thresholds are consistent betweendifferent sets of user interface figures.

An increase of characteristic intensity of the contact from an intensitybelow the light press intensity threshold to an intensity between thelight press intensity threshold and the deep press intensity thresholdis sometimes referred to as a “light press” input. An increase ofcharacteristic intensity of the contact from an intensity below the deeppress intensity threshold to an intensity above the deep press intensitythreshold is sometimes referred to as a “deep press” input. An increaseof characteristic intensity of the contact from an intensity below thecontact-detection intensity threshold to an intensity between thecontact-detection intensity threshold and the light press intensitythreshold is sometimes referred to as detecting the contact on thetouch-surface. A decrease of characteristic intensity of the contactfrom an intensity above the contact-detection intensity threshold to anintensity below the contact-detection intensity threshold is sometimesreferred to as detecting liftoff of the contact from the touch-surface.In some embodiments, the contact-detection intensity threshold is zero.In some embodiments, the contact-detection intensity threshold isgreater than zero.

In some embodiments described herein, one or more operations areperformed in response to detecting a gesture that includes a respectivepress input or in response to detecting the respective press inputperformed with a respective contact (or a plurality of contacts), wherethe respective press input is detected based at least in part ondetecting an increase in intensity of the contact (or plurality ofcontacts) above a press-input intensity threshold. In some embodiments,the respective operation is performed in response to detecting theincrease in intensity of the respective contact above the press-inputintensity threshold (e.g., a “down stroke” of the respective pressinput). In some embodiments, the press input includes an increase inintensity of the respective contact above the press-input intensitythreshold and a subsequent decrease in intensity of the contact belowthe press-input intensity threshold, and the respective operation isperformed in response to detecting the subsequent decrease in intensityof the respective contact below the press-input threshold (e.g., an “upstroke” of the respective press input).

FIGS. 5E-5H illustrate detection of a gesture that includes a pressinput that corresponds to an increase in intensity of a contact 562 froman intensity below a light press intensity threshold (e.g., “ITL”) inFIG. 5E, to an intensity above a deep press intensity threshold (e.g.,“ITD”) in FIG. 5H. The gesture performed with contact 562 is detected ontouch-sensitive surface 560 while cursor 576 is displayed overapplication icon 572B corresponding to App 2, on a displayed userinterface 570 that includes application icons 572A-572D displayed inpredefined region 574. In some embodiments, the gesture is detected ontouch-sensitive display 504. The intensity sensors detect the intensityof contacts on touch-sensitive surface 560. The device determines thatthe intensity of contact 562 peaked above the deep press intensitythreshold (e.g., “ITD”). Contact 562 is maintained on touch-sensitivesurface 560. In response to the detection of the gesture, and inaccordance with contact 562 having an intensity that goes above the deeppress intensity threshold (e.g., “ITD”) during the gesture,reduced-scale representations 578A-578C (e.g., thumbnails) of recentlyopened documents for App 2 are displayed, as shown in FIGS. 5F-5H. Insome embodiments, the intensity, which is compared to the one or moreintensity thresholds, is the characteristic intensity of a contact. Itshould be noted that the intensity diagram for contact 562 is not partof a displayed user interface, but is included in FIGS. 5E-5H to aid thereader.

In some embodiments, the display of representations 578A-578C includesan animation. For example, representation 578A is initially displayed inproximity of application icon 572B, as shown in FIG. 5F. As theanimation proceeds, representation 578A moves upward and representation578B is displayed in proximity of application icon 572B, as shown inFIG. 5G. Then, representations 578A moves upward, 578B moves upwardtoward representation 578A, and representation 578C is displayed inproximity of application icon 572B, as shown in FIG. 5H. Representations578A-578C form an array above icon 572B. In some embodiments, theanimation progresses in accordance with an intensity of contact 562, asshown in FIGS. 5F-5G, where the representations 578A-578C appear andmove upwards as the intensity of contact 562 increases toward the deeppress intensity threshold (e.g., “ITD”). In some embodiments, theintensity, on which the progress of the animation is based, is thecharacteristic intensity of the contact. The operations described withreference to FIGS. 5E-5H can be performed using an electronic devicesimilar or identical to device 100, 300, or 500.

In some embodiments, the device employs intensity hysteresis to avoidaccidental inputs sometimes termed “jitter,” where the device defines orselects a hysteresis intensity threshold with a predefined relationshipto the press-input intensity threshold (e.g., the hysteresis intensitythreshold is X intensity units lower than the press-input intensitythreshold or the hysteresis intensity threshold is 75%, 90%, or somereasonable proportion of the press-input intensity threshold). Thus, insome embodiments, the press input includes an increase in intensity ofthe respective contact above the press-input intensity threshold and asubsequent decrease in intensity of the contact below the hysteresisintensity threshold that corresponds to the press-input intensitythreshold, and the respective operation is performed in response todetecting the subsequent decrease in intensity of the respective contactbelow the hysteresis intensity threshold (e.g., an “up stroke” of therespective press input). Similarly, in some embodiments, the press inputis detected only when the device detects an increase in intensity of thecontact from an intensity at or below the hysteresis intensity thresholdto an intensity at or above the press-input intensity threshold and,optionally, a subsequent decrease in intensity of the contact to anintensity at or below the hysteresis intensity, and the respectiveoperation is performed in response to detecting the press input (e.g.,the increase in intensity of the contact or the decrease in intensity ofthe contact, depending on the circumstances).

For ease of explanation, the descriptions of operations performed inresponse to a press input associated with a press-input intensitythreshold or in response to a gesture including the press input are,optionally, triggered in response to detecting either: an increase inintensity of a contact above the press-input intensity threshold, anincrease in intensity of a contact from an intensity below thehysteresis intensity threshold to an intensity above the press-inputintensity threshold, a decrease in intensity of the contact below thepress-input intensity threshold, and/or a decrease in intensity of thecontact below the hysteresis intensity threshold corresponding to thepress-input intensity threshold. Additionally, in examples where anoperation is described as being performed in response to detecting adecrease in intensity of a contact below the press-input intensitythreshold, the operation is, optionally, performed in response todetecting a decrease in intensity of the contact below a hysteresisintensity threshold corresponding to, and lower than, the press-inputintensity threshold.

As used herein, an “installed application” refers to a softwareapplication that has been downloaded onto an electronic device (e.g.,devices 100, 300, and/or 500) and is ready to be launched (e.g., becomeopened) on the device. In some embodiments, a downloaded applicationbecomes an installed application by way of an installation program thatextracts program portions from a downloaded package and integrates theextracted portions with the operating system of the computer system.

As used herein, the terms “open application” or “executing application”refer to a software application with retained state information (e.g.,as part of device/global internal state 157 and/or application internalstate 192). An open or executing application is, optionally, any one ofthe following types of applications:

-   -   an active application, which is currently displayed on a display        screen of the device that the application is being used on;    -   a background application (or background processes), which is not        currently displayed, but one or more processes for the        application are being processed by one or more processors; and    -   a suspended or hibernated application, which is not running, but        has state information that is stored in memory (volatile and        non-volatile, respectively) and that can be used to resume        execution of the application.

As used herein, the term “closed application” refers to softwareapplications without retained state information (e.g., state informationfor closed applications is not stored in a memory of the device).Accordingly, closing an application includes stopping and/or removingapplication processes for the application and removing state informationfor the application from the memory of the device. Generally, opening asecond application while in a first application does not close the firstapplication. When the second application is displayed and the firstapplication ceases to be displayed, the first application becomes abackground application.

Attention is now directed towards embodiments of user interfaces (“UI”)and associated processes that are implemented on an electronic device,such as device 100, device 300, or device 500.

User Interfaces and Associated Processes User Interfaces for Composingand Receiving Messages

Users interact with electronic devices in many different manners,including using electronic devices to display and compose messages in amessaging conversation. The embodiments described below provide ways inwhich an electronic device displays user interfaces for composing anddisplaying messages that include a plurality of content items. Providingefficient manners of adding content items to a messaging conversationand viewing such content items reduces the amount of time a user needsto interact with the device, which increases battery life forbattery-powered devices. It is understood that people use devices. Whena person uses a device, that person is optionally referred to as a userof the device.

FIGS. 6A-6JJ illustrate various ways an electronic device displays aplurality of content items in a messaging conversation in accordancewith some embodiments of the disclosure. The embodiments in thesefigures are used to illustrate the processes described below, includingthe processes described with reference to FIG. 7 . Although FIGS. 6A-6JJillustrate various examples of ways an electronic device is able toperform the processes described below with reference to FIG. 7 , itshould be understood that these examples are not meant to be limiting,and the electronic device is able to perform one or more processesdescribed below with reference to FIG. 7 in ways not expressly describedwith reference to FIGS. 6A-6JJ.

FIG. 6A illustrates an exemplary device 500 a that includes atouchscreen 504 a. In FIG. 6A, the electronic device 500 a is presentinga messaging user interface 602 a that includes a messaging conversationbetween a user Bob (the user associated with device 500 a) and a contactnamed Alice (indicated by the representation 621 a of Alice). Themessaging user interface 602 a includes a visual indication 607 a of afirst message that was added to the messaging conversation from a deviceassociated with Bob, includes a visual indication 609 a of a secondmessage that was added to the messaging conversation from a deviceassociated with Alice, and a visual indication 623 a of a third messagethat was also added to the messaging conversation from a deviceassociated with Alice. In some embodiments, the visual indication 609 ais displayed, in messaging user interface 602 a, in response to device500 a receiving an indication that a device associated with Alice hasadded a message to the messaging conversation which included the text“Yes, sending now . . . .” Similarly, in some embodiments, the visualindication 623 a is displayed, in the messaging user interface 602 a, inresponse to device 500 a receiving an indication that a deviceassociated with Alice has also added a message to the messagingconversation which included two content items, such as Photo 1 and Photo2. The visual indication 623 a corresponds to the third message in themessaging conversation that was added by a device associated with Aliceand includes a representation of Photo 1 606 a and a representation ofPhoto 2 604 a.

In some embodiments, a visual indication of a message in the messagingconversation includes representations of the content items that wereincluded in the message partially overlaid each other. For example, asillustrated in FIG. 6A, in response to receiving an indication that athird message was added to the messaging conversation by a deviceassociated with Alice, the electronic device 500 a displays a visualindication 623 a of that message with a representation 606 a of Photo 1(corresponding to the Photo 1 included in the third message) and arepresentation 604 a of Photo 2 (corresponding to the Photo 2 includedin the third message) partially overlaid each other. As will bedescribed in more detail later, in some embodiments, visual indicationsof respective messages in the messaging conversation optionally includesrepresentations of the content items (e.g., photos) included in thoserespective messages displayed in a stack.

Similar to the example illustrated in FIG. 6A, FIG. 6B illustratesanother exemplary scenario of device 500 a displaying representations ofcontent items partially overlaid each other. In FIG. 6B, device 500 areceives an indication that a device associated with Alice has added arespective message to the messaging conversation that included threephotos: Photo 1, Photo 2, and Photo 3. In response to receiving theindication that a device associated with Alice has added the respectivemessage to the messaging conversation, device 500 a displays a visualindication 605 a corresponding to the respective message. Visualindication 605 a includes a representation 606 a of Photo 1(corresponding to Photo 1 included in the respective message), arepresentation 604 a of Photo 2 (corresponding to Photo 2 included inthe respective message), and a representation 608 a of Photo 3(corresponding to Photo 3 included in the respective message). Asillustrated in FIG. 6B, the representations 604 a-608 a are displayedpartially overlaid each other. In some embodiments, the representationsof respective content items (e.g., photos, videos, etc.) are displayedpartially overlaid each other when the corresponding message in themessaging conversation includes at most three content items. As will bedescribed in more detail later, in some embodiments, a visual indicationof a respective message in the messaging conversation optionallydisplays representations of the content items as a stack when the numberof content items in the corresponding message includes four or morecontent items.

In some embodiments, representations of content items are displayed indifferent manners (e.g., spatial layouts) based on whether an electronicdevice is displaying a user interface for composing a new message. Forexample, in FIG. 6C, while device 500 a is not displaying a userinterface composing a new message and while the representations 604a-608 a are displayed in the manner described above, device 500 areceives a request to display a user interface for composing a newmessage (indicated by touch contact 601 a-c selecting text entry field625 a). In response to receiving the request to display a user interfacefor composing a new message, in FIG. 6D, device 500 a updates themessaging user interface 602 a to include a soft keyboard and aselectable option 610 a for composing a new message. In someembodiments, the content of the new message being composed is visuallyindicated in the text entry field 625 a. For example, in someembodiments, when the electronic device 500 a detects one or more inputsdirected to the selection of one or more characters at the softkeyboard, the selected one or more characters are indicated in the textentry field 625 a in real time. Additionally, in some embodiments,selectable option 610 a is selectable to cause the electronic device 500a to update the messaging user interface 602 a to include a plurality ofrepresentations of photos that, when selected, cause those selectedphotos to be added to the new message being composed in the messaginguser interface 602 a, as will be described and illustrated in moredetail later.

Additionally, in response to device 500 a receiving the request todisplay a user interface for composing a new message, device 500 adisplays a plurality of selectable options for adding rich content tothe message currently being composed in the messaging user interface 602a (indicated by the content displayed in text entry field 625 a),including a selectable option for adding content associated with one ormore applications that is downloadable on device 500 a (indicated by theselectable option with the label “App Store”), a selectable option foradding information about a song recently played on device 500 a(indicated by the selectable option with the label “Music”), and aselectable option for adding one or more graphical icons (indicated bythe selectable option with the label “Emoji”).

Further, as illustrated in FIG. 6D, in response to device 500 areceiving the request to display a user interface for composing a newmessage, device 500 a continues to display the visual indications 607 aand 609 a of respective messages in the messaging conversation at thesame location in the messaging user interface 602 a before the input fordisplaying a user interface for composing a new message was detected bydevice 500 a (e.g., the same locations of the visual indications 607 aand 609 a in the messaging user interface 602 a illustrated in FIG. 6B).However, in contrast, device 500 a modifies the display of therepresentations 604 a-608 a of respective photos such that the locationsof the visual indications 607 a and 609 a in the messaging userinterface 602 a remain the same when device 500 a updates the messaginguser interface 602 a to include additional user interface elements forcomposing a new message (e.g., a soft keyboard and selectable optionsfor adding rich content to the new message being composed in themessaging user interface 602 a). Specifically, as illustrated in FIG.6D, device 500 a modifies the locations of the representations 604 a-608a at visual indication 605 a such that the representations 604 a-608 aoverlap at different locations (as compared the overlapping positions ofthe representations 604 a-608 a in FIG. 6C). In some embodiments, inaddition to device 500 a modifying the position at which therepresentations 604 a-608 a overlap with each other, device 500 a alsoadjusts the size of the representations 604 a-608 a at the visualindication 605 a when device 500 a receives the request to display auser interface for composing a new message. As a result of device 500adjusting the positions of the representations 604 a-608 a to bedisplayed closer together, the same messaging content is able to bedisplayed when device 500 a is displaying a user interface for composinga new message (as illustrated in FIG. 6D), and when device 500 is notdisplaying a user interface for composing a new message (as illustratedin FIG. 6C). In some embodiments, in response to device 500 a displayingthe user interface for composing a new message, device 500 a optionallymoves the visual indications 607 a and 609 a upwards in the messaginguser interface 602 a, but the visual indications 607 a and 609 a moveless than an amount the visual indications would have moved had thepositions of the representations 604 a-608 a not been changed.

As mentioned previously, in some embodiments, one or more content itemsare optionally able to be added to a new message being composed. Forexample, in FIG. 6E, device 500 b—associated with the user Alice—isdisplaying a messaging user interface 602 b that includes a messagingconversation between Alice (the user associated with device 500 b) andBob (indicated by the representation 627 b of Bob). The messaging userinterface 602 b is similar to the messaging user interface 602 apreviously described above. In FIG. 6F, the device 500 b receives arequest to display a plurality of photos that are available forinclusion in the new message being composed (represented by touchcontact 601 b-f selecting the selectable option 610 b). In FIG. 6G, inresponse to receiving the request in FIG. 6F, device 500 b updates themessaging user interface 602 b to include a representation 612-1 b ofPhoto 1, a representation 612-2 b of Photo 2, a representation 612-3 bof Photo 3, a representation 612-4 b of Photo 4, a representation 612-5b of Photo 5, and a representation 612-6 b of Photo 6. In someembodiments, the photos corresponding the representations 612-1 b to612-6 b are selected for display in the messaging user interface 602 bbecause those photos are currently accessible to device 500 b via aphotos application that is currently downloaded on device 500 b.

In some embodiments, device 500 b can assign respective priorities(e.g., a respective order) to the photos that are being added to the newmessage currently being composed, such that when the message is added(e.g., transmitted) to the messaging conversation, the visual indicationof that message is displayed (e.g., ordered) in accordance with theassigned priorities (e.g., the photos are displayed in accordance withthe order defined while the message was being composed). For example, inFIG. 6H, device 500 b receives a request to add Photo 1 to the newmessage currently being composed (indicated by touch contact 601 b-hselecting the representation 612-1 b of Photo 1). In response to device500 b detecting the selection in FIG. 6H, in FIG. 6I, Photo 1 is addedto the new message being composed in the messaging user interface 602 b(indicated by device 500 b displaying the representation 613-1 b ofPhoto 1 in the text entry field 625 b). Additionally, device 500 bdisplays indication 629-1 b indicating that Photo 1 is currentlyassigned the highest priority (e.g., is ordered first) in the messagebeing composed in messaging user interface 602 b (e.g., once the newmessage is added to the messaging conversation, the visual indicationcorresponding to the new message will include a representation of Photo1 which will be visually emphasized over photos that have been assigneda lower priority (e.g., visually emphasized over photos that are orderedafter Photo 1) but visually deemphasized relative to high priorityphotos (e.g., visually deemphasized over photos that are ordered beforePhoto 1)).

After adding Photo 1 to the new message being composed in messaging userinterface 602 b, in FIG. 6I, device 500 b also detects a request to addPhoto 5 to the new message being composed (indicated by touch contact601 b-i selecting the representation 612-5 b of Photo 5). In response todevice 500 b detecting the selection in FIG. 6I, in FIG. 6J, Photo 5 isadded to the new message being composed (indicated by device 500 bdisplaying the representation 613-2 b of Photo 5 in the text entry field625 b). Additionally, device 500 b displays indication 629-5 bindicating that Photo 5 is currently assigned the second highestpriority (e.g., is ordered second) in the message being composed (e.g.,once the new message is added to the messaging conversation, the visualindication corresponding to the new message will include arepresentation of Photo 5 which will be visually emphasized over photosthat have been assigned a lower priority (e.g., visually emphasized overphotos that are ordered after Photo 5), but visually deemphasizedrelative to high priority photos (e.g., visually deemphasized overphotos that are ordered before Photo 5)).

After adding Photos 1 and 5 to the new message being composed in themessaging user interface 602 b, in FIG. 6K, device 500 b detects arequest to add Photo 3 to the new message being composed (indicated bytouch contact 601 b-k selecting the representation 612-3 b of Photo 3).In response to device 500 b detecting the selection in FIG. 6K, in FIG.6L, Photo 3 is added the new message being composed in the messaginguser interface 602 b (indicated by device 500 b displaying therepresentation 613-3 b of Photo 3 in the text entry field 625 b).Additionally, device 500 b displays indication 629-3 b indicating thatPhoto 3 is currently assigned the third highest priority (e.g., isordered third) in the new message being composed (e.g., once the newmessage is added to the messaging conversation, the visual indicationcorresponding to the new message will include a representation of Photo3 which will be visually emphasized over photos that have been assigneda lower priority (e.g., visually emphasized over photos that are orderedafter Photo 3) but visually deemphasized relative to high priorityphotos (e.g., visually deemphasized over photos that are ordered beforePhoto 3)).

After adding Photos 1, 5, and 3 to the new message being composed in themessaging user interface 602 b, in FIG. 6M, device 500 b detects arequest to add Photo 4 to the new message being composed (indicated bytouch contact 601 b-m selecting the representation 612-4 b of Photo 4).In response to device 500 b detecting the selection in FIG. 6M, in FIG.6N, Photo 4 is added to the new message that is currently being composedin the messaging user interface 602 b (indicated by device 500 bdisplaying the representation 613-4 b of Photo 4 in the text entry field625 b). Additionally, device 500 b displays indication 629-4 bindicating that Photo 4 is currently assigned the fourth highestpriority (e.g., is ordered fourth) in the new message being composed inmessaging user interface 602 b (e.g., once the new message is added tothe messaging conversation, the visual indication corresponding to thenew message will include a representation of Photo 4 which will bevisually emphasized over photos that have been assigned a lower priority(e.g., visually emphasized over photos that are ordered after Photo 4)but visually deemphasized relative to high priority photos (e.g.,visually deemphasized over photos that are ordered before Photo 4)).

Additionally, in FIG. 6N, after adding Photos 1, 5, 3, and 4 to the newmessage being composed in the messaging user interface 602 b, device 500b receives a request to add Photo 2 to the new message being composed(indicated by touch contact 601 b-n selecting the representation 612-2 bof Photo 2). In response to device 500 b detecting the selection in FIG.6N, in FIG. 6O, Photo 2 is added to the message being composed inmessaging user interface 602 b (indicated by device 500 b displaying therepresentation 613-5 b of Photo 2 in the text entry field 625 b).Additionally, device 500 b displays indication 629-2 b indicating thatPhoto 2 is currently assigned the fifth highest priority (e.g., isordered fifth) in the new message being composed in messaging userinterface 602 b (e.g., once the new message is added to the messagingconversation, the visual indication corresponding to the new messagewill include a representation of Photo 2 which will be visuallyemphasized over photos that have been assigned a lower priority (e.g.,visually emphasized over photos that are ordered after Photo 2) butvisually deemphasized relative to high priority photos (e.g., visuallydeemphasized over photos that are ordered before Photo 2)).

In some embodiments, the priorities assigned to the photos included inthe new message that is currently being composed are optionally able tobe reassigned (e.g., the order assigned to the photos in the message canbe changed). For example, in FIG. 6P, device 500 b receives a request tomove the representation 613-5 b to the current location of therepresentation 613-4 b of photo 4 in the text entry field 625 b(indicated by touch contact 601 b-p moving the representation 613-5 b ofPhoto to the left). In response to device 500 b receiving the request inFIG. 6P, in FIG. 6Q, device 500 b rearranges (e.g., reorders) therepresentation 613-5 b of Photo 2 and the representation 613-4 b ofPhoto 4, such that the new location of the representation 613-5 b ofPhoto 2 corresponds to the previous location of the representation 613-4b of Photo 4 in text entry field 625 b, and the new location of therepresentation 613-4 b of Photo 4 corresponds to the previous locationof the representation 613-5 b of Photo 2 in text entry field 625 b. Thepriorities (e.g., order) assigned to Photos 2 and 4 are also updated inaccordance with their new positions (e.g., with their new order) in thetext entry field 625 b. Specifically, the indication 629-2 b is updatedto indicate that Photo 2 is currently assigned with the fourth highestpriority (e.g., ordered fourth) in the new message being composed inmessaging user interface 602 b, and the indication 629-4 b is updated toindicate that Photo 4 is currently assigned with the fifth highestpriority (e.g., ordered fifth) in the message being composed inmessaging user interface 602 b.

In some embodiments, a photo can be removed from inclusion from the newmessage being composed in the messaging user interface 602 b. Forexample, in FIG. 6R, while Photo 3 is currently included in the newmessage being composed in messaging user interface 602 b (indicated bythe representation 613-3 b of Photo 3 being displayed in text entryfield 625 b), device 500 b detects a first selection of therepresentation 612-3 b of Photo 3 (indicated by touch contact 601 b-rtapping the representation 612-3 b of Photo 3). In FIG. 6S, in responseto device 500 b detecting the selection of the representation 612-3 b ofPhoto 3 in FIG. 6R, device 500 b updates the visual appearance of theindication 629-3 b to indicate that Photo 3 is still included in the newmessage being composed in the messaging user interface 602 b, and toindicate that another selection of the representation 612-3 b of Photo 3will result in Photo 3 no longer being included in the new message beingcomposed in the messaging user interface 602 b.

Additionally, in FIG. 6S, device 500 b detects a second selection of therepresentation 612-3 b of Photo 3 (indicated by touch contact 601 b-stapping the representation 612-3 b of Photo 3). In FIG. 6T, in responseto device 500 b detecting the second selection of the representation612-3 b of Photo 3, device 500 b removes Photo 3 from inclusion in themessage being composed in the messaging user interface 602 b (indicatedby indication 629-3 b no longer being displayed at the representation612-3 b of Photo 3, and indicated by the representation 613-3 b of Photo3 also no longer being displayed in text entry field 625 b). Thepriorities (e.g., order) of the photos currently included in the newmessage being composed are also updated because Photo 3 is no longerbeing included in the new message. Specifically, device 500 b updatesthe priority of Photo 2 from being assigned with the fourth highestpriority to being assigned with the third highest priority in the newmessage (e.g., from being ordered fourth to being ordered third in themessage) (indicated by indication 629-2 b). Similarly, device 500 bupdates the priority of Photo 4 from being assigned with the fifthhighest priority to being assigned with the fourth highest priority inthe new message (e.g., from being ordered fifth to being ordered fourthin the message) (indicated by indication 629-4 b).

In FIG. 6U, after Photos 1, 2, 4, and 5 have been added to the newmessage, device 500 b detects a request to transmit the composed messageto the messaging conversation (indicated by touch contact 601 b-uselecting the selectable option displayed in the text entry field 625b). In response to device 500 b detecting the request, device 500 b addsthe newly composed message to the messaging conversation. In someembodiments, when an electronic device adds a message to a messageconversation, the devices associated with the other users in themessaging conversation receive an indication of the new message that hasbeen added to the messaging conversation. For example, in FIG. 6V, afterdevice 500 b (the device associated with Alice) adds the composedmessage to the messaging conversation, device 500 a (associated with theuser Bob) receives an indication of the new message that was added tothe messaging conversation by the device (e.g., device 500 b) associatedwith Alice. In response to receiving the indication, device 500 aupdates the messaging user interface 602 a to include a visualindication 616 a corresponding to the new message that was added to themessaging conversation (e.g., the message composed and transmitted asillustrated and described with respect to FIG. 6U).

The visual indication 616 a includes a stack of content items. The stackof content items includes a representation 614 a-1 of Photo 1(corresponding to the Photo 1 included in the new message that was addedto the messaging conversation), a representation 614 a-2 of Photo 5(corresponding to the Photo 5 included in the new message that was addedto the messaging conversation), a representation 614 a-3 of Photo 2(corresponding to the Photo 2 included in the new message that was addedto the messaging conversation), and a representation 614 a-4 of Photo 4(corresponding to the Photo 4 included in the new message that was addedto the messaging conversation). In some embodiments, the visualindication of a respective message in the messaging conversationincludes a stack of content items because the corresponding respectivemessage included at least four content items (e.g., at least fourphotos).

The representation 614 a-1 of Photo 1 is being displayed at the top ofthe stack (e.g., the first position in the stack) because Photo 1 wasassigned with the highest priority (e.g., was ordered first) when themessage corresponding to visual indication 616 a was composed (indicatedby indication 629-1 b in FIG. 6U). Similarly, the representation 614 a-2of Photo 5 is being displayed at the second position in the stackbecause Photo 5 was assigned with the second highest priority (e.g., wasordered second) when the message corresponding to the visual indication616 a was composed (indicated by indication 629-5 b in FIG. 6U).Similarly, the representation 614 a-3 of Photo 2 is being displayed atthe third position in the stack because Photo 2 was assigned with thethird highest priority (e.g., was ordered third) when the messagecorresponding to the visual indication 616 a was composed (indicated byindication 629-2 b in FIG. 6U). Similarly, the representation 614 a-4 ofPhoto 4 is being displayed at the bottom (e.g., last) position in thestack because Photo 4 was assigned with the fourth highest priority(e.g., was ordered fourth) when the message corresponding to the visualindication 616 a was composed (indicated by indication 629-4 b in FIG.6U).

As illustrated in FIG. 6W, visual indication 616 a also includes anindication 620 a that indicates the number and type of content itemsincluded in the stack (4 photos). As will be described in more detailwith respect to method 900, indication 620 a is selectable, and whenselected, causes the electronic device 500 a to display the respectivephotos corresponding to the representations 614 a-1 to 614 a-4 in a grid(e.g., arranged in rows and/or columns). Additionally, as will bedescribed in more detail below, device 500 a also displays a selectableoption 618 a that, when selected, causes the electronic device 500 a toinitiate a process to save the respective photos corresponding to therepresentations 614 a-1 to 614 a-4 to the electronic device 500 a.

In some embodiments, device 500 a detects one or more inputs forchanging the content item that is displayed at the top of the stack(e.g., by cycling through the stack of content items). For example, inFIG. 6W, while the representation 614 a-1 of Photo 1 is being displayedat the top of the stack (e.g., first position in the stack), device 500a detects a request to display the content item currently at the secondposition in the stack (e.g., the representation 614 a-2 of Photo 2) atthe top of the stack—indicated by touch contact 601 a-w swiping to theleft on the stack and/or representation 614 a-1. In FIG. 6X, in responseto device 500 a receiving the input in FIG. 6W, device 500 a switchesthe representation being displayed at the top of the stack from therepresentation 614 a-1 of Photo 1 to the representation 614 a-2 of Photo5. Similarly, because the representation 614 a-2 of Photo 5 moved fromthe second position in the stack to the first position in the stack, thepositions of the other content items in the stack are also rearrangedaccordingly. Specifically, device 500 a rearranges the content items inthe stack such that the representation 614 a-3 of Photo 2 is now beingdisplayed at the second position in the stack (initially at the thirdposition in the stack, as described and illustrated with respect to FIG.6W), the representation 614 a-4 of Photo 4 is now being displayed at thesecond position in the stack (initially at the fourth position in thestack, as described and illustrated with respect to FIG. 6W), and therepresentation 614 a-1 of Photo 1 is being displayed at the bottom ofthe stack (initially at the first position in the stack, as describedand illustrated with respect to FIG. 6W). It is understood that device500 b could also detect one or more swipes directed to the stack in arightward direction, which in some embodiments, causes device 500 a toanalogously display the content item corresponding to the last positionin the stack to become displayed at the first position in the stack, andanalogously shift the positions of the remainder of the content items inthe stack.

In some embodiments, a stack of content items is configured to accept along swipe input, and when detected, the stack is optionally updated inaccordance with the long swipe input in real time. For example, in FIG.6Y, while the representation of 614 a-2 is being displayed at the top ofthe stack, device 500 a detects a touchdown of touch contact 601 a-y onthe touchscreen 504 a (e.g., on the stack) and detects that touchcontact 601 a-y has swiped by a first amount in the left direction. Inresponse to device 500 a detecting the swipe in FIG. 6Y, in FIG. 6Z,device 500 a changes the representation being displayed at the top ofthe stack from the representation 614 a-2 of Photo 5 to therepresentation 614 a-3 of Photo 2 (previously at the second position inthe stack, as illustrated in FIG. 6Y). Similarly, because therepresentation 614 a-3 of Photo 2 moved from the second position in thestack to the top of the stack, the positions of the other content itemsin the stack are also rearranged accordingly. Specifically, device 500 arearranges the content items in the stack such that the representation614 a-4 of Photo 4 is now being displayed at the second position in thestack (previously at the third position in the stack, as described andillustrated in FIG. 6Y), the representation 614 a-1 of Photo 1 is nowbeing displayed at the third position in the stack (previously at thefourth position in the stack, as illustrated in FIG. 6Y), and therepresentation 614 a-2 of Photo 5 is now being displayed at the fourth(e.g., last) position in the stack (previously at the first position inthe stack, as illustrated in FIG. 6Y).

After device 500 b updates the positions of the content items in thestack, device 500 b detects additional (e.g., continued) movement oftouch contact 601 b-y in the leftward direction in FIG. 6Z (e.g.,without liftoff of the contact between FIGS. 6Y and 6Z). In FIG. 6AA, inresponse to device 500 a detecting continued movement of touch contact601 b-y in FIG. 6Z, device 500 a again updates the representation beingdisplayed at the first position in the stack from the representation 614a-2 of Photo 2 to the representation 614 a-4 of Photo 4 (previously atthe second position in the stack, as illustrated in FIG. 6Z). Similarly,because the representation 614 a-4 of Photo 4 moved from the secondposition in the stack to the first position in the stack, the positionsof the other content items in the stack are also rearranged accordingly.Specifically, device 500 a rearranges the content items in the stacksuch that the representation 614 a-1 of Photo 1 is now being displayedat the second position in the stack (initially at the third position inthe stack, as illustrated with respect to FIG. 6Z), the representation614 a-2 of Photo 5 is now being displayed at the third position in thestack (previously at the fourth position in the stack, as illustrated inFIG. 6Z), and the representation 614 a-3 of Photo 2 is now beingdisplayed at the fourth position in the stack (previously at the firstposition in the stack, as described and illustrated with respect to FIG.6Z).

In some embodiments, the representations included in a stack aredisplayed in accordance with the priorities originally (e.g., originalorder) assigned to the corresponding content items (e.g., the orderedassigned to the content items when the corresponding message was beingcomposed) when the electronic device displays a respective messagingconversation after having previously exiting the messaging conversation.For example, in FIG. 6BB, after device 500 a detected a sequence ofinputs to change the positions of the representations 614 a-1 to 614 a-4in the stack, device 500 a detects a request to stop displaying themessaging conversation (indicated by touch contact 601 b-bb selectingthe selectable option labeled “Back”). In some embodiments, in responseto detecting the input in FIG. 6BB, the electronic device 500 adisplays, in the messaging user interface 602 a, one or morerepresentations of messaging conversations that the user of device 500 a(Bob) is part of (e.g., the messaging conversations that device 500 ahas access to), including a representation of the messaging conversationbetween the user Bob and the contact Alice. In FIG. 6CC, after device500 a received the request to exit the messaging conversation between,device 500 a received one or more inputs for redisplaying, in themessaging user interface 602, the messaging conversation between thecontact named Alice and the user Bob. As illustrated in FIG. 6CC,representations 614 a-1 to 614 a-4 are no longer displayed at thepositions in the stack illustrated in FIG. 6BB because device 500 apreviously stopped displaying the messaging conversation between Aliceand Bob. Instead, the representations 614 a-1 to 614 a-4 are displayedat positions in the stack in accordance with the priorities (e.g.,order) assigned when the message corresponding to the visual indication616 a was composed and added to the messaging conversation (as describedpreviously).

In some embodiments, an electronic device optionally receives anindication of a message that has been recently added to the messagingconversation while the content items of that message are still beinguploaded to a respective server. For example, in FIG. 6DD, device 500 areceives an indication of a new message that has been added to themessaging conversation. In response to receiving the indication, device500 a updates the messaging user interface 602 a to include a visualindication 616 a corresponding to the new message that was added to themessaging conversation. The visual indication 616 a includes a stack ofcontent items because the message that corresponds to the visualindication 616 a includes four photos: Photo 1, Photo 2, Photo 4, andPhoto 5 (e.g., content items). The stack of content items includes arepresentation 614 a-1 of Photo 1 (corresponding to the Photo 1 in thecorresponding message that was added to the messaging conversation), arepresentation 614 a-2 of Photo 5 (corresponding to the Photo 5 in thecorresponding message that was added to the messaging conversation), arepresentation 614 a-3 of Photo 2 (corresponding to the Photo 2 in thecorresponding message that was added to the messaging conversation), anda representation 614 a-4 of Photo 4 (corresponding to the Photo 4 in thecorresponding message that was added to the messaging conversation). Asindicated by indication 620 a, three of the content items in thecorresponding message are still being uploaded to a server—Photo 5,Photo 2, and Photo 4—and those photos are not available to be downloadedto (e.g., displayed by) device 500 a. In some embodiments, therepresentations corresponding to the content items that are notcurrently able to be displayed by device 500 a include a placeholderimage while the representations of content items that are available fordisplay at device 500 a include an indication of the correspondingcontent, as illustrated in FIG. 6DD. For example, the representation 614a-4 of Photo 4 (corresponding to the Photo 4 in the correspondingmessage), the representation 614 a-3 of Photo 2 (corresponding to thePhoto 2 in the corresponding message), and the representation 614 a-2 ofPhoto 5 (corresponding to the Photo 5 in the corresponding message) aredisplayed with a placeholder image because the content itemscorresponding to these representations are not currently available to bedownloaded by device 500 a. In contrast, the representation 614 a-1 ofPhoto 1 (corresponding to the Photo 1 in the corresponding message) isdisplayed with a visual appearance indicating the content of Photo 1.

As previously mentioned, in some embodiments, the messaging userinterface 618 a includes a selectable option for saving one or morecontent items corresponding to the representations included in a visualindication of a respective message. For example, in FIG. 6EE, device 500a is displaying a selectable object 618 a that, when selected, causesdevice 500 a to initiate a process to save the respective photoscorresponding to the representations 614 a-1 to 614 a-4 to theelectronic device 500 a. In some embodiments, the selectable option 618a is displayed in the messaging user interface because device 500 a (ora server in communication with device 500 a) determines that the user ofdevice 500 a (Bob) is likely to download the photos corresponding to therepresentations 614 a-1 to 614 a-4 (Photo 1, Photo 2, Photo 4, and Photo5). In some embodiments, device 500 a does not display the selectableoption 618 a in the messaging user interface 602 b when device 500 a (ora server in communication with device 500 a) determines that a user ofdevice 500 a is not likely to save/download the content itemscorresponding to the representations 614 a-1 to 614 a-4 and/or becausethe content items corresponding to the representations 614 a-1 to 614a-4 are of a particular content type (e.g., that is not able to be savedto device 500 a). In FIG. 6FF, in response to receiving the request inFIG. 6EE, device 500 a displays a menu that includes a selectable option622 a that, when selected, causes device 500 a to save the photoscorresponding the representations 614 a-1 to 614 a-4 (Photo 1, Photo 2,Photo 4, and Photo 5) to device 500 a. In some embodiments, device 500 asaves the content items to a particular application downloaded on device500 a such as a photo and/or video application. The menu displayed bydevice 500 a also includes a selectable option 624 a that, whenselected, causes the menu to stop displaying in the messaging userinterface 602 a without saving the photos corresponding to therepresentations 614 a-1 to 614 a-4 to device 500 a. In FIG. 6GG, whiledevice 500 a is displaying the selectable options 622 a and 624 a,device 500 a detects a selection of the selectable option 622 a(indicated by touch contact 610 a-gg tapping the selectable option 622a). In FIG. 6HH, in response to detecting the selection in FIG. 6GG,device 500 a saves the photos corresponding the representations 614 a-1to 614 a-4 to device 500 a (represented by device 500 a updating theindication 620 a from indicating the number of content items included atthe visual indication 616 a (4 photos) to indicating the number of thecontent items in the visual indication 616 a that have been saved (4photos saved).

As mentioned previously, in some embodiments, selectable option 620 a isselectable to display the representations of content items at the visualindication 616 a in a grid. For example, in FIG. 6II, device 500 adetects a selection of indication 620 a (indicated by touch contact 601a-gg tapping the indication 620 a). The characteristics of indication620 a will be described in more detail with reference to method 900. InFIG. 6JJ, in response to device 500 a receiving the request in FIG. 6II,device 500 a displays, in a grid layout, a representation 648-1 of Photo1 (corresponding to the Photo 1 included in the message that correspondsto visual indication 616 a), a representation 648-2 of Photo 5(corresponding to the Photo 5 included in the message that correspondsto visual indication 616 a), a representation 648-3 of Photo 2(corresponding to the Photo 2 included in the message that correspondsto visual indication 616 a), a representation 648-4 of Photo 4(corresponding to the Photo 4 included in the message that correspondsto visual indication 616 a). The operations of selectable options 644 a,646 a, 654 a, 656 a, and 658 a, and will be described in detail withreference to method 900.

FIG. 7 is a flow diagram illustrating a method of displaying a pluralityof content items in a messaging conversation in accordance with someembodiments. The method 700 is optionally performed at an electronicdevice such as device 100, device 300, device 500, device 500 a, ordevice 500 b as described above with reference to FIGS. 1A-1B, 2-3,4A-4B and 5A-5H. Some operations in method 700 are, optionally combinedand/or order of some operations is, optionally, changed.

As described below, the method 700 provides ways in which an electronicdevice displays a plurality of content items in a messaging conversationin accordance with some embodiments. The method reduces the cognitiveburden on a user when interacting with a user interface of the device ofthe disclosure, thereby creating a more efficient human-machineinterface. For battery-operated electronic devices, increasing theefficiency of the user's interaction with the user interface conservespower and increases the time between battery charges.

In some embodiments, method 700 is performed at an electronic device incommunication with a display generation component and one or more inputdevices (e.g., a mobile device (e.g., a tablet, a smartphone, a mediaplayer, or a wearable device), a computer (e.g., a desktop computer, alaptop computer), or a wearable device (e.g., a watch, a head-mounteddevice), optionally in communication with one or more of a mouse (e.g.,external), trackpad (optionally integrated or external), remote controldevice (e.g., external), another mobile device (e.g., separate from theelectronic device), a handheld device (e.g., external), and/or acontroller (e.g., external, etc.), or a set-top box in communication oneor more input devices (e.g., a remote control)). In some embodiments,the display generation component is a display integrated with theelectronic device (optionally a touch screen display), external displaysuch as a monitor, projector, television, or a hardware component(optionally integrated or external) for projecting a user interface orcausing a user interface to be visible to one or more users, etc.

In some embodiments, the electronic device displays (702), via thedisplay generation component, a messaging user interface that includes amessaging conversation associated with a plurality of users (e.g., theelectronic device and the electronic devices associated with theplurality of users have access to the messaging conversation). In someembodiments, the messaging conversation includes messages sent from theelectronic device and messages sent from the electronic devicesassociated with the plurality of users. In some embodiments, messagessent from the electronic device (e.g., from a user account associatedwith the electronic device) are displayed on a first side of themessaging conversation (e.g., the right side) and messages sent from adifferent electronic device (e.g., from a user account associated withthe different electronic device) are displayed on a second side (e.g.,the left side) of the messaging conversation.

In some embodiments, while displaying the messaging user interface, theelectronic device receives (704) an indication of first messagingactivity directed to the messaging conversation from a respective userof the plurality of users (e.g., the electronic device receives anindication that a device associated with the respective user has added amessage to the messaging conversation. The respective user is optionallythe user associated with the electronic device or the user associatedwith another device that is part of the messaging conversation), such asdevice 500 receiving the indication that a device associated with theuser Alice has added a message to the messaging conversation thatincluded two photos (Photo 1 and Photo 2) as described in FIG. 6A,wherein the first messaging activity includes a plurality of contentitems that are added to the messaging conversation (e.g., the messageadded to the messaging conversation includes photos, videos, and/or orother types of media items). In some embodiments, the electronic devicereceives an indication of first messaging activity when the electronicdevice associated with the respective user detects a sequence of one ormore inputs for transmitting (e.g., adding) a message to the messageconversation. In some embodiments, the indication of the first messageactivity includes text and/or content items such as videos, photos,and/or other types of media items (e.g., gifs, jpegs, etc.) that arespective user has added to the messaging conversation. In someembodiments, the respective user that caused the first messagingactivity to be generated is the user of the electronic device. In someembodiments, the respective user that caused the first messagingactivity to be generated is a user of a different electronic device. Insome embodiments, text is included in the first messaging activity whena device associated with the respective user detects input directed to a(e.g., soft) keyboard (e.g., that is displayed in the messaging userinterface). In some embodiments, content items are included in the firstmessaging activity when a device associated with the respective userreceives a sequence of inputs for adding one or more content items(e.g., photos, videos, and/or other types of media items) to the firstmessaging activity. In some embodiments, the content items are of thesame type (e.g., are only photos). Alternatively, in some embodiments,the content items are of different types (e.g., includes photos andvideos).

In some embodiments, in response to receiving the indication of thefirst messaging activity, the electronic device displays (706), (e.g.,at a respective location) in the messaging user interface, a firstvisual indication corresponding to the first messaging activity thatincludes representations of the plurality of content items, such asdevice 500 a displaying the visual indication 623 a in messaging userinterface 602 in FIG. 6A. For example, in response to a respective useradding the plurality of content items to the messaging conversation, theelectronic device receives an indication that the respective user hasadded the plurality of content items to the messaging conversation. Insome embodiments, in response to the electronic device receiving theindication of the first messaging activity, the electronic devicevisually indicates (e.g., displays) the plurality of content itemsincluded in the first message activity. In some embodiments, displayingthe first visual indication includes indicating the user associated withthe device that added the plurality of content items to the messagingconversation, as well as the representations of the content items addedto the messaging conversation.

In some embodiments, in accordance with a determination that the firstmessaging activity satisfies one or more criteria (e.g., if contentitems included in the first messaging activity exceed a respectivethreshold number of content items (e.g., 4, 8, 12 content items). Insome embodiments, the one or more criteria is independent of therespective user or the device associated with the respective user thatcaused the first messaging activity to be added to the messagingconversation), the representations of the plurality of content items aredisplayed (e.g., at the respective location) in a first manner (708).For example, if the message corresponding to the visual indication 623 aincluded four or more content items, the representations of thosecontent items would be displayed as a stack, similar to the stack ofcontent items displayed in FIG. 6V. For example, if the content items inthe first messaging activity exceed a respective threshold of contentitems (e.g., 4, 8, 12 content items), the content items are displayed ina manner different than when the content items do not exceed therespective threshold of content items (e.g., 4, 8, 12, content items).In some embodiments, displaying the content items in accordance with thefirst manner includes displaying the content items with a first visualappearance (e.g., a first color). In some embodiments, displaying thecontent items in accordance with the first manner includes displayingthe plurality of content items in a stack such that each item in thestack corresponds to one of the content items (e.g., the content itemsare displayed as a collection of items in a single user interfaceelement). In some embodiments, the stack of content items displays onecontent item at a time (e.g., visually emphasizes one content item whileother content items in the stack are visually de-emphasized), and inputdirected to the stack of content items causes the stack to display(e.g., visually emphasize) a new content items in the stack.

In some embodiments, in accordance with a determination that the firstmessaging activity does not satisfy the one or more criteria (e.g., ifcontent items included in the first messaging activity do not exceed arespective threshold number of content items (e.g., 4, 8, 12 contentitems)), the representations of the plurality of content items aredisplayed (e.g., at the respective location) in a second manner,different from the first manner (710), such as the representations 604 aand 606 a being displayed partially overlapping in FIG. 6A. For example,if the content items in the first messaging activity do not exceed arespective threshold of content items (e.g., 4, 8, 12 content items),the content items are displayed in a manner different than when thecontent items do exceed the respective threshold of content items (e.g.,4, 8, 12, content items). In some embodiments, displaying the contentitems in accordance with the second manner includes displaying thecontent items with a second visual appearance (e.g., a second color). Insome embodiments, displaying the content items in accordance with thesecond manner includes displaying the plurality of content itemsincludes displaying the content items in a pre-determined (e.g.,spatial) layout different from the stack of content items describedabove. For example, displaying, within the first visual indication, thecontent items such that at least one content item is partially overlaidanother content item (e.g., overlaid at the edges (or corners) ofanother content item).

The above-described manner of displaying content items of a firstmessage in a first manner or a second manner based on one or morecriteria provides an efficient way of displaying content items in amessage differently based on criteria satisfied, which simplifies theinteraction between the user and the electronic device and enhances theoperability of the electronic device and makes the user-device interfacemore efficient, which additionally reduces power usage and improvesbattery life of the electronic device by enabling the user to use theelectronic device more quickly and efficiently.

In some embodiments, the one or more criteria include a criterion thatis satisfied based on a number of content items included in the firstmessaging activity (e.g., including at least 4, 8, 12, 16 contentitems). For example, if the message added to the message conversation inFIG. 6V did not include four content items, device 500 a would notdisplay the representation of those content items, in the messaging userinterface 602, in a stack. Similarly, as illustrated in FIG. 6V, when amessage that is added to the messaging conversation includes four ormore content items, device 500 a displays the representations of thosecontent items in a stack. For example, if the number of content itemsincluded in the first messaging activity is at least four content items,displaying the first visual indication of the first messaging activityincludes displaying the plurality of content items in the first manner(e.g., with a first visual appearance or in a stack of content items asdescribed previously). Similarly, if the number of content itemsincluded in the first messaging activity is not more than a respectivenumber of content items (e.g., at least 4, 8, 12, 16 content items),displaying the first visual indication of the first messaging activityincludes displaying the plurality of content items in a second manner(e.g., with a second visual appearance or in accordance with a spatiallayout where each representation of a content item is at least partiallyoverlaid another representation of another content item (e.g., but isnot overlaid two content items)).

The above-described manner of displaying the content items included inthe first messaging activity in a first manner or a second manner basedon criteria satisfied provides an efficient way of displaying contentitems included in a first messaging activity differently based on thenumber of content items included in the first messaging activity, whichsimplifies the interaction between the user and the electronic deviceand enhances the operability of the electronic device and makes theuser-device interface more efficient, which additionally reduces powerusage and improves battery life of the electronic device by enabling theuser to use the electronic device more quickly and efficiently.

In some embodiments, displaying the representations of the plurality ofcontent items in the second manner includes displaying therepresentations of the plurality of content items in a first spatiallayout, such as the representations of Photos 1, 2, and 3 overlappingwith one another as illustrated in FIG. 6B. For example, the contentitems at the respective location in the messaging user interface aredisplayed in accordance with a first spatial layout. In someembodiments, the first spatial layout defines the (e.g., display) size,aspect ratio, etc. of each content item in the messaging user interfaceand the position of each content item at the respective location. Insome embodiments, displaying the plurality of content items inaccordance with the first spatial layout includes displaying therepresentation of the content items with a first size and at positionsat the respective location such the representations of content items areat least partially overlaid each other (e.g., overlaid the edges (orcorners) of another content item) but not overlaid two content items).In some embodiments, when the plurality of content items are displayedin the second manner and/or first spatial layout, the plurality ofcontent items are not interactable in one or more of the ways describedherein and/or method 900 (e.g., not swipable to change the display orderof the content items). In some embodiments, displaying the plurality ofcontent items in the first manner includes displaying less than 50% ofeach content item that is underneath the content items at the top of thestack is visible. In contrast, displaying the plurality of content itemsin the second manner includes displaying more than 50% of each contentitem underneath the “top” photo is visible. The above-described mannerof displaying representation of content items in a first spatial layoutprovides an efficient way of displaying representations of content itemsin accordance with a first spatial layout when one or more criteria arenot satisfied, which simplifies the interaction between the user and theelectronic device and enhances the operability of the electronic deviceand makes the user-device interface more efficient, which additionallyreduces power usage and improves battery life of the electronic deviceby enabling the user to use the electronic device more quickly andefficiently.

In some embodiments, displaying the representations of the plurality ofcontent items in the second manner includes, in accordance with adetermination that a message composition user interface is beingdisplayed in the messaging user interface (e.g., if the user interfaceelements for composing a message is being displayed by the electronicdevice), displaying the representations of the plurality of contentitems in a second spatial layout, different from the first spatiallayout, such as the spatial layout of the representations 604 a, 606 a,and 608 a illustrated in FIG. 6D. (e.g., and different from displayingthe representations of the plurality of content items in the firstmanner). In some embodiments, the message composition user interfaceincludes a soft keyboard and one or more selectable options for addingcontent items to a new message that is being composed in the messaginguser interface. In some embodiments, the message composition userinterface is displayed in response to the electronic device detecting aselection of a text entry field that is being displayed in the messaginguser interface. For example, if the messaging user interface includesuser interface elements for composing a message, the plurality ofcontent items are displayed at the respective location in accordancewith a second spatial layout. In some embodiments, the second spatiallayout defines the size of the representations of content items and thepositions of the representations of content items at the respectivelocation in the messaging user interface. In some embodiments, the sizein which the representation of the content items are displayed and/orthe positions of the content items at the respective location in themessaging user interface are different than the characteristics definedby the first spatial layout. In some embodiments, before the electronicdevice displays the messaging composition user interface, therepresentations of the content items are being displayed at therespective location in accordance with the first spatial layout. In someembodiments, before the message composition user interface is beingdisplayed in the messaging user interface, the messaging user interfaceis displaying a representation of a first message and a second messagein the messaging conversation at respective locations in the messaginguser interface. In some such embodiments, the respective locations ofthe representations of the first message and the second message in themessaging user interface do not change when the electronic devicereceives a request to display the message composition user interface.

In some embodiments, in accordance with a determination that the messagecomposition user interface is not being displayed in the messaging userinterface, displaying the representations of the plurality of contentitems in the first spatial layout, such as the spatial layout of therepresentations 604 a, 606 a, and 608 a illustrated in FIG. 6C. Forexample, if the messaging user interface does not include a userinterface for composing a message in the messaging conversation, therepresentations of the plurality of content items are displayed at therespective location in the messaging user interface in accordance with afirst spatial layout. In some embodiments, the first spatial layoutdefines the size of each content item and the position of each contentitem at the respective location. In some embodiments, displaying theplurality of content items in accordance with the first spatial layoutincludes displaying the representation of the content items with a firstsize and at positions at the respective location in the messaging userinterface such the representations of content items are partiallyoverlaid each other (e.g., overlaid the edges (or corners) of anothercontent item) but not overlaid two content items). In some embodiments,if the representations of the plurality of content items are displayedin the first manner, the spatial layout of the representations of theplurality of content items do not change based on whether a messagingcomposition user interface is being displayed by the electronic device.

The above-described manner of displaying representations of contentitems in accordance with a first spatial layout or a second spatiallayout based on whether the electronic device is displaying a messagecomposition user interface provides an efficient way of displayingrepresentations of content items in a messaging user interfacedifferently based on the user interfaces that are being displayed by theelectronic device, which simplifies the interaction between the user andthe electronic device and enhances the operability of the electronicdevice and makes the user-device interface more efficient, whichadditionally reduces power usage and improves battery life of theelectronic device by enabling the user to use the electronic device morequickly and efficiently.

In some embodiments, while displaying the messaging user interface, theelectronic device receives, via the one or more input devices, a firstinput corresponding to a request to compose messaging activity thatincludes one or more content items, such as the input detected by device500 a in FIG. 6C (e.g., the electronic device is displaying a messaginguser interface when the electronic device detects a request to compose arespective message. In some embodiments, the request to compose amessage is received when the electronic device detects a selection of atext entry field in the messaging user interface).

In some embodiments, in response to receiving the first input, theelectronic device updates the messaging user interface to include acontent item selection user interface that includes firstrepresentations of a first plurality of content items for inclusion inthe messaging activity, such as device 500 a displaying a selectableoption similar to selectable option 610 b illustrated in FIG. 6G andrepresentations of photos similar to the representations of photosincluded in FIG. 6G. For example, in response to receiving the requestfor composing a message, the electronic device displays representationsof a plurality of content items (e.g., photos) that are available to beadded to (e.g., included in) the message that is currently beingcomposed. In some embodiments, the first representations are beingdisplayed because the content items (e.g., photos) have been recentlycreated (e.g., captured via a camera of the electronic device), havebeen most recently saved to a photos application on the electronicdevice, and/or have been most recently modified.

In some embodiments, while displaying the content item selection userinterface, the electronic device receives, via the one or more inputdevices, a sequence of one or more inputs that includes selection of asubset of the first representations of the first plurality of contentitems for inclusion in the messaging activity, such as the inputsselecting the representations corresponding to Photos 1-5 in FIGS. 6H-60(e.g., the electronic device detects a request to add one or more photosto the message that is currently being composed. In some embodiments thesubset of the first representations of the first plurality of contentitems are selected when the electronic device detects a touchdown andliftoff of a touch contact at a location corresponding to each of therepresentations included in the subset).

In some embodiments, in response to receiving the sequence of one ormore inputs, the electronic device displays, via the display generationcomponent, one or more indications that the subset of the firstrepresentations has been selected for inclusion in the messagingactivity, such as device displaying the visual indications 629-1 b to629-5 b in FIG. 6O (e.g., the electronic device provides an indicationthat the content items corresponding to the subset of the firstrepresentations has been added to the message that is currently beingcomposed at the electronic device. In some embodiments, the one or moreindications also indicate the priority assigned to the content itemscorresponding to the selected subset of first representations in themessaging activity).

In some embodiments, in accordance with a determination that thesequence of one or more inputs corresponded to selection of a firstrepresentation in the subset of the first representations beforeselection of a second representation in the subset of the firstrepresentations, the one or more indications that the subset of thefirst representations has been selected for inclusion in the messagingactivity also indicate that a content item corresponding to the firstrepresentation will have priority over a content item corresponding tothe second representation in the messaging activity. For example, theindication 629-1 b indicates that Photo 1 in the message being composedin messaging user interface 602 b is assigned with the highest priority.For example, because the content item corresponding to the firstrepresentation was added to the messaging activity before the contentitem corresponding to the second representation was added to themessaging activity, the electronic device assigns the content itemcorresponding to the first representation with a higher priority thanthe priority assigned to the second content item. In some embodiments,the priorities assigned to the content items in the messaging activityprovide an indication of the order the content items will be displayedonce the messaging activity is transmitted to the messaging conversation(or which content items will be visually emphasized over other contentitems included in the messaging activity).

In some embodiments, in accordance with a determination that thesequence of one or more inputs corresponded to selection of the secondrepresentation in the subset of the first representations beforeselection of the first representation in the subset of the firstrepresentations, the one or more indications that the subset of thefirst representations has been selected for inclusion in the messagingactivity also indicate that the content item corresponding to the secondrepresentation will have priority over the content item corresponding tothe first representation in the messaging activity. For example, becausethe content item corresponding to the first representation was added tothe messaging activity after the content item corresponding to thesecond representation was added to the messaging activity, theelectronic device assigns the content item corresponding to the firstrepresentation with a lower priority than the priority assigned to thesecond content item. In some embodiments, the priorities assigned to thecontent items in the messaging activity provide an indication of theorder the content items will be displayed in a messaging user interfaceonce the messaging activity is transmitted to the messaging conversation(or which content items will be visually emphasized over other contentitems included in the messaging activity and/or stack of content items).

The above-described manner of indicating the priorities assigned tocontent items included in the messaging activity provides an efficientway of indicating the order in which the content items will be displayedin a messaging user interface when that messaging activity is added tothe messaging conversation, which simplifies the interaction between theuser and the electronic device and enhances the operability of theelectronic device and makes the user-device interface more efficient,which additionally reduces power usage and improves battery life of theelectronic device by enabling the user to use the electronic device morequickly and efficiently.

In some embodiments, the messaging user interface includes a messageactivity input region, such as text entry field 625 b. In someembodiments, in response to receiving the sequence of one or moreinputs, the electronic device updates the message activity input regionto include the subset of the first representations that has beenselected for inclusion in the messaging activity, such as therepresentations 613-1 b and 613-2 b included in text entry field 625 b(e.g., representations of the content items that are currently selectedfor inclusion in the messaging activity are displayed in the messageactivity input region), wherein the subset of the first representationsincludes the first representation and the second representation, and thesequence of one or more inputs corresponded to selection of the firstrepresentation before selection of the second representation such thatthe content item corresponding to the first representation will havepriority over the content item corresponding to the secondrepresentation in the messaging activity (e.g., the content itemcorresponding to the first representation is currently assigned with ahigher priority than the content item corresponding to the secondrepresentation because the content item corresponding to the firstrepresentation was added to the messaging activity before the contentitem corresponding to the second representation was added to themessaging activity).

In some embodiments, while displaying the subset of the firstrepresentations in the message activity input region, the electronicdevice receives, via the one or more input devices, second inputcorresponding to a request to rearrange the first representationrelative to the second representation in the message activity inputregion, such as the input detected in FIG. 6P (e.g., the electronicdevice detects a request to switch the locations of the first and secondrepresentations in message activity input region). In some embodiments,the electronic device receives the second input when a touch contactdrags the first representation to the current location of the secondrepresentation and/or when the touch contact drags the secondrepresentation to the current location of the first representation.

In some embodiments, in response to receiving the second input, theelectronic device rearranges the first representation relative to thesecond representation in the message activity input region in accordancewith the second input (such as the reordering of the representations613-5 b and 613-4 b in in FIG. 6Q), and the electronic device updatespriorities associated with the first representation and the secondrepresentation such that the content item corresponding to the secondrepresentation will have priority over the content item corresponding tothe first representation in the messaging activity (such as thepriorities of Photo 2 and Photo 4 from the priorities assigned in FIG.6P to the priorities assigned in FIG. 6Q). For example, after detectingthe request to switch the order of the first representation and thesecond representation in the message activity input region, theelectronic device switches the locations of the first representation andthe second representation in the message activity input region.Additionally, because the respective positions of the firstrepresentation and the second representation in the message activityinput region changed, the priorities of the first representation and thesecond representation are updated accordingly. For example, before thesecond input is received the content item corresponding to the firstrepresentation is assigned with a first respective priority and thecontent item corresponding to the second representation is assigned witha second respective priority. After the second input is received, therespective priorities assigned to the respective content items areswitched—such that the content item corresponding to the firstrepresentation is assigned with the second respective priority and thecontent item corresponding to the second representation is assigned withthe first respective priority.

The above-described manner of updating the priorities of content itemsselected for inclusion in the messaging activity when positions of therepresentations corresponding to the content items are changed in themessage input region provides an efficient way of adjusting thepriorities assigned to content items that have been added to themessaging activity, which simplifies the interaction between the userand the electronic device and enhances the operability of the electronicdevice and makes the user-device interface more efficient, whichadditionally reduces power usage and improves battery life of theelectronic device by enabling the user to use the electronic device morequickly and efficiently.

In some embodiments, while displaying the content item selection userinterface (e.g., the electronic device is currently displaying, in themessaging user interface, a plurality of representations of contentitems that are available for inclusion in a message being composed inthe messaging user interface) and while the first representation and thesecond representation in the subset of first representations areselected for inclusion in the messaging activity (e.g., the electronicdevice has detected one or more inputs that have caused the contentitems corresponding to the first representation and secondrepresentation to be included in the messaging activity), whereinselection of the first representation for inclusion in the messagingactivity is reflected in a first visual indication displayed inassociation with the first representation, the first visual indicationhaving a respective visual characteristic having a first value, theelectronic device receives, via the one or more input devices, one ormore inputs directed to the first representation, such as the touchcontact 601 b-r and 601 b-s in FIGS. 6R and 6S.

In some embodiments, in response to receiving the one or more inputsdirected to the first representation, in accordance with a determinationthat the one or more inputs include more than a threshold number ofselections of the first representation, deselecting the firstrepresentation from inclusion in the messaging activity, ceasing displayof the first visual indication, and updating a priority that the contentitem corresponding to the second representation will have in themessaging activity, such as Photo 3 being removed from inclusion in themessage being composed in FIG. 6S. For example, if the electronic devicedetects that the first representation has been selected more than athreshold number of times, the content item corresponding to the firstrepresentation is removed from the first messaging activity. In someembodiments, the priorities of other content items included in themessaging activity are updated accordingly when a respective contentitem is removed from the messaging activity. For example, if themessaging activity included a first content item that has the highestpriority in the messaging conversation, a second content item that hasthe second highest priority in the messaging conversation, and a thirdcontent item that has the third highest priority in the messaging whenthe first content item was deselected (e.g., removed) from the messagingactivity, the electronic device optionally updates the priority of thesecond content item to have the highest priority in the messagingactivity and updates the priority of the third content item to have thesecond highest priority in the messaging activity.

In some embodiments, in accordance with a determination that the one ormore inputs do not include more than the threshold number of selectionsof the first representation, displaying the first visual indication withthe respective visual characteristic having a second value, differentfrom the first value, while maintaining the first representation asselected for inclusion in the messaging activity and without updatingthe priority that the content item corresponding to the secondrepresentation will have in the messaging activity, such as the priorityof Photo 3 in the message being composed remaining the same in FIG. 6Reven though touch contact 601 b-r selected the representationcorresponding to Photo 3. For example, if the first representation hasnot been selected for more than a threshold number of times, the firstvisual indication indicates that the another selection of the firstrepresentation will cause the content item corresponding to the firstrepresentation to be removed from the first messaging activity. In someembodiments, when the first visual indication is displayed with thesecond value, the visual appearance of the first visual indication isdifferent than when the first visual indication is displayed with thefirst value.

The above-described manner of removing a content item from a messagebeing composed in the messaging user interface when a representationcorresponding to that content item has been selected a predeterminednumber of times provides an efficient way of removing content items frommessaging activity currently being composed in the messaging userinterface, which simplifies the interaction between the user and theelectronic device and enhances the operability of the electronic deviceand makes the user-device interface more efficient, which additionallyreduces power usage and improves battery life of the electronic deviceby enabling the user to use the electronic device more quickly andefficiently.

In some embodiments, while displaying the representations of theplurality of content items in the messaging user interface in the firstmanner, the electronic device receives an indication of second messagingactivity directed to the messaging conversation, wherein the secondmessaging activity includes a second plurality of content items that areadded to the messaging conversation, such as device 500 receiving anindication that a device associated with Alice has added a messageincluding four photos to the messaging conversation in FIG. 6V. In someembodiments, while the electronic device is displaying representationsof the plurality of content items at the respective location in themessaging user interface, the electronic device receives an indicationof a new messaging activity in the messaging conversation. In someembodiments, the respective user that caused the second messagingactivity is the user of the electronic device. In some embodiments, therespective user that caused the second messaging activity is a user of adifferent electronic device.

In some embodiments, in response to receiving the indication of thesecond messaging activity, in accordance with a determination that thesecond messaging activity does not satisfy the one or more criteria(e.g., if the number content items included in the second messagingactivity does not exceed a respective threshold number of content items(e.g., 4, 8, 12 content items)), the electronic device concurrentlydisplays, in the messaging user interface, the representations of theplurality of content items in the first manner (e.g., the electronicdevice does not change the manner in which the representations ofcontent items are presented because the first messaging activity andsecond messaging activity are independent of each other), andrepresentations of the second plurality of content items in the secondmanner, such as the manner in which device 500 is displaying therepresentations of the content items in visual indication 605 a and 616a in FIG. 6V (e.g. the representation of the second plurality of contentitems are displayed in a second manner at a second respective locationin the messaging user interface). For example, if the number of contentitems in the second messaging activity does not exceed a respectivethreshold of content items (e.g., 4, 8, 12 content items),representations of these content items are displayed in a mannerdifferent than when the content items do exceed the respective thresholdof content items (e.g., 4, 8, 12, content items). In some embodiments,displaying the representations of the second plurality of content itemsin the second manner includes displaying the second plurality of contentitems with a second visual appearance (e.g., a second color). In someembodiments, displaying the representations of the second plurality ofcontent items in the second manner includes displaying therepresentations of the second plurality of content items in apre-determined (e.g., spatial) layout different from the stack ofcontent items described above. For example, displaying, at a secondrespective location in the messaging user interface, the representationsof content items such that at least one content item is partiallyoverlaid another content item (e.g., overlaid at the edges (or corners)of another content item).

The above-described manner of displaying representations of contentitems differently based on whether the corresponding messaging activitysatisfies one or more criteria provides an efficient way of displayingcontent items in a messaging user interface differently based oncriteria satisfied, which simplifies the interaction between the userand the electronic device and enhances the operability of the electronicdevice and makes the user-device interface more efficient, whichadditionally reduces power usage and improves battery life of theelectronic device by enabling the user to use the electronic device morequickly and efficiently.

In some embodiments, displaying the representations of the plurality ofcontent items in the first manner includes displaying therepresentations of the plurality of content items as a stack ofrepresentations of content items, such as in the stack illustrated inFIG. 6V. For example, if the number of content items included in thefirst messaging activity is at least four content items, therepresentations of the plurality of content items are displayed as astack of representations. In some embodiments, displaying therepresentations of content items in a stack includes displaying each ofthe representations of content items with varying priority levels (e.g.,varying levels of visual emphasis and/or visual prominence). In someembodiments, the electronic device prioritizes the display of arespective representation in the stack (e.g., a representation of acontent item is not obscured by other representations of other contentitems). In some embodiments, (e.g., swipe) input directed to the stackcauses the stack to prioritize display of a representation of a newcontent item. In some embodiments, the second manner is different fromthe first manner because a (e.g., swipe) input directed to therepresentations of content items does not cause a representation of anew content item to be prioritized. In some embodiments, when the stackof representations of content items are initially displayed in themessaging user interface, the electronic device provides an indicationthat input can be directed to the stack (e.g., the representations inthe stack spread apart (fan out) in an animation when initiallydisplayed in the messaging user interface).

The above-described manner of displaying representation of content itemsas a stack provides an efficient way for displaying a plurality ofrepresentation of content items as a stack when criteria for displayingthe representations of content items in the first manner is satisfied,which simplifies the interaction between the user and the electronicdevice and enhances the operability of the electronic device and makesthe user-device interface more efficient, which additionally reducespower usage and improves battery life of the electronic device byenabling the user to use the electronic device more quickly andefficiently.

In some embodiments, displaying the representations of the plurality ofcontent items in the first manner includes displaying, in the messaginguser interface in association with the representations of the pluralityof content items, a selectable option that is selectable to display arespective user interface that includes the representations of theplurality of content items displayed in a third manner, different fromthe first manner, such as the indication 620 a in FIG. 6II. For example,if the electronic device is displaying plurality of content itemsincluded in the first visual indication in the first manner, the firstvisual indication also includes a selectable option to display theplurality of content items in rows and columns (e.g., arranged inaccordance with a “grid” layout). In some embodiments, the selectableoption is displayed regardless of the respective manner in which theelectronic device is displaying the plurality of content items includedin the first visual indication. In some embodiments, the selectableoption is not displayed in the first visual indication if the electronicdevice is displaying the plurality of content items in accordance with asecond manner.

The above-described manner of displaying a selectable option, that whenselected, displays the plurality of content items in a third mannerprovides an efficient way of displaying the plurality of content itemsin different manners in response to an input, which simplifies theinteraction between the user and the electronic device and enhances theoperability of the electronic device and makes the user-device interfacemore efficient, which additionally reduces power usage and improvesbattery life of the electronic device by enabling the user to use theelectronic device more quickly and efficiently.

In some embodiments, the selectable option includes status informationfor the plurality of content items, such as the status indicated inindication 620 a in FIG. 6II (“4 photos saved”). For example, in someembodiments, the selectable option (e.g., included in the first visualindication) provides information about the plurality of content itemswith respect to the electronic device. For example, if the none ofcontent items corresponding to the representations of content items(e.g., included in the first visual indication) have been saved to theelectronic device, the selectable option indicates the number of contentitems that can be saved/downloaded to the electronic device (e.g., “2content items”, “10 content items”, etc.). In some embodiments, if asubset of the content items included in the first visual indication havebeen downloaded to the electronic device, the selectable optionindicates the number of content items that have been downloaded (e.g.,while also indicating the total number of content item that can bedownloaded to the electronic device). In some embodiments, if theelectronic device does not have access to a respective number of contentitems included in the visual indication because those content items arestill being uploaded to a particular server, the selectable optionindicates the number of content items that are still uploading to theserver. In some embodiments, the selectable option indicates when theelectronic device will no longer have access to the content itemsincluded in the first visual indication (e.g., the date at which thecontent items expire).

The above-described manner of indicating a status of the plurality ofcontent items provides an efficient way of indicating a status of theplurality of content items with respect to an electronic device that isdisplaying the plurality of content items, which simplifies theinteraction between the user and the electronic device and enhances theoperability of the electronic device and makes the user-device interfacemore efficient, which additionally reduces power usage and improvesbattery life of the electronic device by enabling the user to use theelectronic device more quickly and efficiently.

In some embodiments, in accordance with a determination that the firstmessaging activity satisfies one or more second criteria, displaying, inthe messaging user interface in association with the representations ofthe plurality of content items, a selectable option that is selectableto initiate a process to save the plurality of content items to theelectronic device, such as the selectable option 618 a in FIG. 6FF. Forexample, if the content items corresponding to the plurality ofrepresentations of content items included in the first visual indicationis downloadable to the electronic device (or a determination has beenmade that a user of the electronic device is likely to download theplurality of content items (e.g., exceeds a probability threshold suchas 70%, 80%, 90%, etc.)), the electronic device updates the messaginguser interface to include a selectable option for downloading/saving theplurality of content items to the electronic device. In someembodiments, if a subset of the plurality of content items havepreviously been downloaded to the electronic device, initiating theprocess to save the plurality of content items to the electronic deviceincludes initiating a process to download/save the plurality of contentitems that have not previously been downloaded (e.g., without initiatinga process to download/save the plurality of content items that havealready been saved/downloaded to the electronic device). In someembodiments, if none of the plurality of content items have beendownloaded to the electronic device, initiating the process to save theplurality of content items to the electronic device includes initiatinga process to download/save all of the content items included in theplurality of content items to the electronic device (or to a respectiveapplication available on the electronic device).

The above-described manner of displaying a selectable option fordownloading/saving the plurality of content items provides an efficientway for initiating a process to save the plurality of content items frommessaging user interface, which simplifies the interaction between theuser and the electronic device and enhances the operability of theelectronic device and makes the user-device interface more efficient,which additionally reduces power usage and improves battery life of theelectronic device by enabling the user to use the electronic device morequickly and efficiently.

In some embodiments, displaying the representations of the plurality ofcontent items in the first manner includes displaying, in the messaginguser interface in association with the representations of the pluralityof content items, status information for the plurality of content items(e.g., while the representations of the content items included in thefirst visual indication are being displayed in the first manner, theelectronic device displays a status of those content items with respectto the electronic device). In some embodiments, when none of the contentitems have been saved/downloaded to the electronic device, the statusinformation indicates the total number of content items available to besaved to the electronic device (e.g., the number of content items thatcorrespond to the first visual indication). In some embodiments, when aportion of the plurality of content items have been previouslysaved/downloaded to the electronic device, the status informationindicates the number of content of the plurality of content items thathave bene previously saved/downloaded.

In some embodiments, while displaying the selectable option that isselectable to initiate the process to save the plurality of contentitems to the electronic device, the electronic device receives, via theone or more input devices, a first input corresponding to selection ofthe selectable option (e.g., the electronic device detects a request todownload the plurality of content items while the electronic device isdisplaying the messaging user interface), such as the input 601 a-ccselecting selectable option 618 a in FIG. 6EE. In some embodiments, inresponse to receiving the first input, the electronic device initiatesthe process to save the plurality of content items to the electronicdevice. In some embodiments, initiating the process to save theplurality of content items to the electronic device includes initiatinga process to save all of the plurality of content items that are notcurrently downloaded to the electronic device. In some embodiments, theelectronic device prompts a user of the electronic to confirm/approvethe process to save the plurality of content items to the electronicdevice. In some embodiments, after initiating the process to save theplurality of content items to the electronic device (e.g., after theplurality of content items are saved to the electronic device), theelectronic device 500 updates the status information for the pluralityof content items to indicate that the plurality of content items aresaved to the electronic device, such as the status updating from “4photos” in FIG. 6EE to “4 photos saved” in FIG. 6HH. For example, beforethe request to save the plurality of content items was received thestatus information associated with the plurality of content items wasindicating that none of the plurality of content items are currentlysaved to the electronic device. After the request to save the pluralityof content items was received (and after the plurality of content itemshave been successfully saved to the electronic device), the electronicdevice updates the status information from indicating that none ofcontent items are currently saved to the electronic device to indicatingthat all of the content items are currently saved to the electronicdevice (e.g., indicates that the respective number of the plurality ofcontent items that are currently saved to the electronic device).

The above-described manner of updating the status information displayedin the messaging user interface when the status of the plurality ofcontent items with respect to the electronic device changes provides anefficient way for indicating the current status of the plurality ofcontent items with respect to the electronic device, which simplifiesthe interaction between the user and the electronic device and enhancesthe operability of the electronic device and makes the user-deviceinterface more efficient, which additionally reduces power usage andimproves battery life of the electronic device by enabling the user touse the electronic device more quickly and efficiently.

In some embodiments, the representations of the plurality of contentitems (e.g., included in (or displayed at) the first visual indication)includes a first representation of a first content item (e.g., a firstphoto, a first video), and displaying the representations of theplurality of content items in the first manner includes, in accordancewith a determination that the first content item is available forviewing, displaying the first representation of the first content itemwith a first visual appearance and at position corresponding to a firstpriority in the representations of the plurality of content items, suchas the appearance and position of the representation 614 a-1 of Photo 1in the stack in FIG. 6DD. For example, the priority of the firstrepresentation (e.g., assigned to the first representation) of the firstcontent item changes based on whether the electronic device has accessto the first content item. For example, if the first content item isable to be displayed by the electronic device, the representation of thefirst content is displayed with a higher priority over content itemsthat are not available to be displayed by the electronic device. In someembodiments, displaying the first representation of the first contentwith the first visual appearance includes displaying the first contentitem (or a representation of the first content item). In someembodiments, if the visual indication is displaying the plurality ofcontent items in a stack, the representation of the first content itemis closer to the top of the stack (e.g., the position of therepresentation of the first content item is closer to the top of thestack) than the representations of other content items that are notavailable for display/viewing (e.g., the positions of the representationof the other content items are further from the top of the stack thanthe first representation of the first content item). In someembodiments, the first content item is not available for viewing if theelectronic device is not able to download the content item from arespective server.

In some embodiments, displaying the representations of the plurality ofcontent items in the first manner includes, in accordance with adetermination that the first content item is not available for viewing,displaying the first representation of the first content item with asecond visual appearance, different from the first visual appearance,and at position corresponding to a second priority, lower than the firstpriority, in the representations of the plurality of content items, suchas displaying the representation 614 a-1 of Photo 1 at the secondposition in the stack in FIG. 6DD if Photo 1 is still being downloadedfrom a server. For example, the priority assigned to the firstrepresentation of the first content item is lower when the first contentitem is not available for viewing. In some embodiments, the firstcontent item is not available for viewing if the first content item isstill being uploaded to a server (e.g., unable to be downloaded by theelectronic device). In some embodiments, when the first content item isnot available for viewing, displaying the representation of the firstcontent item with the second visual appearance includes displaying aplaceholder image or placeholder gray box (e.g., until the first contentitem is available for viewing). In some embodiments, if the first visualindication includes the plurality of content items displayed in a stack,the representation of the first content item is displayed closer to thebottom of stack than the representations of content items that areavailable for viewing.

The above-described manner of changing the priority of therepresentation of the first content item based on whether the firstcontent item is available for viewing provides an efficient way ofprioritizing the display of representations of content items that areavailable for viewing, which simplifies the interaction between the userand the electronic device and enhances the operability of the electronicdevice and makes the user-device interface more efficient, whichadditionally reduces power usage and improves battery life of theelectronic device by enabling the user to use the electronic device morequickly and efficiently.

In some embodiments, while displaying the representations of theplurality of content items in the first manner, wherein therepresentations of the plurality of content items are displayed in afirst order in the first manner (e.g., the electronic device iscurrently displaying the plurality of content items in a particularorder at the first visual indication. In some embodiments, the ordercorresponds the positions of the representations of the plurality ofcontent items in a stack (e.g., the visual order of the representationsof the content items displayed at the first visual indication)), theelectronic device receives, via the one or more input devices, a firstinput directed to the representations of the plurality of content items,such as the input 601 a-w in FIG. 6W.

In some embodiments, in response to receiving the first input, inaccordance with a determination that the first input includes movementthat satisfies one or more second criteria (e.g., if the first inputcorresponds to a horizontal swipe or dragging gesture performed on thestack of content items), the electronic device updates display of therepresentations of the plurality of content items to display therepresentations of the plurality of content items in a second order,different from the first order, in the first manner, such as the orderof the representations illustrated in FIG. 6X. In some embodiments, ifthe movement is a vertical swipe or dragging gesture, the movement doesnot satisfy the one or more second criteria, and instead of updating theorder of the content items in the stack, the electronic device scrollsthrough the messaging user interface, optionally including scrolling thestack of content items out of view on the display. For example, if afirst representation of a first content item is being displayed with thehighest priority in the first visual indication (e.g., at the top of thestack) when the first input is received, a second representation of asecond content item is displayed with the highest priority (e.g., at thetop of the stack) in response to the first (e.g., swipe) input. In someembodiments, as a result, the second representation of the secondcontent item moving from a respective position in the stack to the topof the stack (e.g., the first position in the stack), the respectivepositions of the other content items in the stack are also rearrangedaccordingly. In some embodiments, if the electronic device is displayingthe representations of the plurality of content items in accordance withthe second manner, the order of the representations of the plurality ofcontent items do not change in response to an input.

The above-described manner of changing the order of the representationsof the plurality of content items at a respective visual indication inresponse to an input provides an efficient way for display content itemsin different orders, which simplifies the interaction between the userand the electronic device and enhances the operability of the electronicdevice and makes the user-device interface more efficient, whichadditionally reduces power usage and improves battery life of theelectronic device by enabling the user to use the electronic device morequickly and efficiently.

In some embodiments, in accordance with a determination that therespective user indicated a first respective order for therepresentations of the plurality of content items in the first messagingactivity, the first order is the first respective order. For example,the electronic device displays the representations of the plurality ofcontent items in the order (e.g., in accordance with the priority)assigned to the corresponding content items when the respective user wascomposing the message that corresponds to the first visual indication(e.g., the first messaging activity). In some embodiments, the firstrespective order corresponds to the order in which the content itemswere added to the first messaging activity.

In some embodiments, in accordance with a determination that therespective user indicated a second respective order, different from thefirst respective order, for the representations of the plurality ofcontent items in the first messaging activity, the first order is thesecond respective order. For example, the electronic device displays therepresentations of the plurality of content items in the order (e.g., inaccordance with the priority) assigned to the corresponding contentitems when the respective user was composing the message thatcorresponds to the first visual indication (e.g., the first messagingactivity). In some embodiments, the second respective order correspondsto the order in which the content items were added to the firstmessaging activity.

The above-described manner of visually ordering the representations ofcontent items at a visual indication of a messaging activity differentbased on priorities assigned to the content items during composition ofthat message activity provides an efficient way for display contentitems in different orders, which simplifies the interaction between theuser and the electronic device and enhances the operability of theelectronic device and makes the user-device interface more efficient,which additionally reduces power usage and improves battery life of theelectronic device by enabling the user to use the electronic device morequickly and efficiently.

In some embodiments, while displaying the representations of theplurality of content items in the second order in the first manner, theelectronic device cases display of the messaging user interface, such asin response to the input 601 b-bb selecting the selectable option inFIG. 6BB. For example, the electronic device ceases displaying themessaging user interface in response to the electronic device detectinga selection of a “Back” button or “Done” button in the messaging userinterface. In some embodiments, after ceasing display of the messaginguser interface, the electronic device displays the messaging userinterface, including the messaging conversation associated with theplurality of users, wherein the messaging user interface includes therepresentations of the plurality of content items displayed in the firstorder in the first manner, such as the order of the representations 614a-1 to 614 a-4 in FIG. 6CC. For example, the representations of contentitems included in the first visual indication are displayed inaccordance with the priorities originally assigned to the correspondingcontent items (e.g., the priorities assigned while the first messagingactivity was being composed), even if the order of the content items waspreviously changed in the messaging user interface in response to userinput after the messaging activity was composed and transmitted to themessaging conversation.

The above-described manner of displaying representations of contentitems at a first visual indication in accordance with the order definedby the respective user that composed the corresponding message activityprovides an efficient way for displaying the representation of contentitems based on the ordering defined by the respective user after theorder of those representations have changed in response to one or moreinputs, which simplifies the interaction between the user and theelectronic device and enhances the operability of the electronic deviceand makes the user-device interface more efficient, which additionallyreduces power usage and improves battery life of the electronic deviceby enabling the user to use the electronic device more quickly andefficiently.

It should be understood that the particular order in which theoperations in FIG. 7 have been described is merely exemplary and is notintended to indicate that the described order is the only order in whichthe operations could be performed. One of ordinary skill in the artwould recognize various ways to reorder the operations described herein.Additionally, it should be noted that details of other processesdescribed herein with respect to other methods described herein (e.g.,method 900) are also applicable in an analogous manner to method 700described above with respect to FIG. 7 . For example, the ways ofdisplaying representations of a plurality of content items in amessaging conversation described above with reference to method 700optionally have one or more of the characteristics of the ways forinteracting with a plurality of representations of content itemsdescribed herein with reference to other methods described herein (e.g.,method 900). For brevity, these details are not repeated here.

The operations in the information processing methods described aboveare, optionally, implemented by running one or more functional modulesin an information processing apparatus such as general purposeprocessors (e.g., as described with respect to FIGS. 1A-1B, 3, 5A-5H) orapplication specific chips. Further, the operations described above withreference to FIG. 7 are, optionally, implemented by components depictedin FIGS. 1A-1B. For example, receiving operation 704 and displayingoperations 702 and 706, optionally, implemented by event sorter 170,event recognizer 180, and event handler 190. Event monitor 171 in eventsorter 170 detects a contact on touch screen 504, and event dispatchermodule 174 delivers the event information to application 136-1. Arespective event recognizer 180 of application 136-1 compares the eventinformation to respective event definitions 186, and determines whethera first contact at a first location on the touch screen corresponds to apredefined event or sub-event, such as selection of an object on a userinterface. When a respective predefined event or sub-event is detected,event recognizer 180 activates an event handler 190 associated with thedetection of the event or sub-event. Event handler 190 optionallyutilizes or calls data updater 176 or object updater 177 to update theapplication internal state 192. In some embodiments, event handler 190accesses a respective GUI updater 178 to update what is displayed by theapplication. Similarly, it would be clear to a person having ordinaryskill in the art how other processes can be implemented based on thecomponents depicted in FIGS. 1A-1B.

Selection of a Content Item in a Messaging User Interface

Users interact with electronic devices in many different manners,including using electronic devices for accessing user interfacesassociated with one or more content items in a messaging conversation.In some embodiments, the user interfaces associated with a respectivecontent item in a messaging conversation include selectable option(s)for adding messaging activity to that respective content item in themessaging conversation. The embodiments described below provide ways inwhich an electronic device displays user interfaces associated withcontent items in a messaging conversation. Providing efficient mannersof accessing user interfaces associated with a respective content itemin a messaging conversation reduces the amount of time a user needs tointeract with the device, which increases battery life forbattery-powered devices. It is understood that people use devices. Whena person uses a device, that person is optionally referred to as a userof the device.

FIGS. 8A-8LLL illustrate various way of interacting with a plurality ofcontent items in a messaging conversation in accordance with someembodiments of the disclosure. The embodiments in these figures are usedto illustrate the processes described below, including the processesdescribed with reference to FIG. 9 . Although FIGS. 8A-8LLL illustratevarious examples of ways an electronic device is able to perform theprocesses described below with reference to FIG. 9 , it should beunderstood that these examples are not meant to be limiting, and theelectronic device is able to perform one or more processes describedbelow with reference to FIG. 9 in ways not expressly described withreference to FIGS. 8A-8LLL.

FIG. 8A illustrates an exemplary device 500 a that includes atouchscreen 504 a. In FIG. 8A, device 500 a is presenting a messaginguser interface 802 a that includes a messaging conversation between auser of device 500 a (Bob), a contact named Alice (indicated by therepresentation 850 a of Alice), and a contact named Sam (indicated bythe representation 848 a of Sam). The messaging user interface 802 aincludes a visual indication 807 a of a first message that was added tothe messaging conversation with a device associated with Bob, includes avisual indication 809 a of a second message that was added to themessaging conversation with a device associated with Sam, and a visualindication 816 a of a third message that was added to the messagingconversation with a device associated with Alice. The visual indication816 a includes a representation 814 a-1 of Photo 1, a representation 814a-2 of Photo 5, a representation 814 a-3 of Photo 2, and arepresentation 814 a-4 of Photo 4. In some embodiments, the visualindication 816 a is displayed, in the messaging user interface 802 a, inresponse to device 500 a receiving an indication that a deviceassociated with Alice has added a message including four photos—Photo 1,Photo 2, Photo 4, and Photo 5—to the messaging conversation. In theexample of FIG. 8A, device 500 a is displaying the representations 814a-1 to 814 a-4 in a stack because the message corresponding to thevisual indication 816 a includes four photos: Photo 1, Photo 2, Photo 4,and Photo 5. As previously described with reference to FIG. 6U, in someembodiments, device 500 a displays representations of content items in astack when an electronic device receives an indication that a messageincluding four or more content items has been added to the messagingconversation. Visual indication 816 a optionally has one or morecharacteristics similar to the visual indication 616 a describedpreviously.

In some embodiments, when an electronic device is displayingrepresentations of content items in a stack, the representation that isbeing displayed at the top of the stack (e.g., being displayed at thefirst position in the stack) is selectable, and when selected, causesthe electronic device to display a user interface for the content itemthat corresponds to the selected representation. For example, in FIG.8B, while device 500 a is displaying the representation 814 a-1 of Photo1 at the top of the stack, device 500 a receives an input selecting therepresentation 814 a-1 of Photo 1 (indicated by touch contact 801 a-btapping on the representation 814 a-1). In FIG. 8C, in response todevice 500 a detecting a selection of the representation 814 a-1 ofPhoto 1, device 500 a displays a user interface 804 a for Photo 1 (e.g.,the photo corresponding to the representation 814 a-1). User interface804 a includes a representation 897 a of Photo 1 and includes anindication 803 a indicating that the representation corresponding toPhoto 1 in FIG. 8B (e.g., the representation 814 a-1) is currently atthe top of the stack. Additionally, indication 803 a indicates that therepresentation corresponding to Photo 1 in the visual indication 816 ais one of the four representations included in the visual indication 816a. Additionally, or alternatively, in some embodiments, when anelectronic device is displaying representations of content items in astack, the stack is selectable, and when selected, causes the electronicdevice to display a user interface for the content item corresponding tothe representation that is being displayed at the top of the stack.

Additionally, user interface 804 a includes a selectable option 805 athat, when selected, causes the electronic device 500 a to display auser interface that includes representations of the content itemsincluded in the visual indication 816 a, a selectable option 806 a-1that, when selected, causes the electronic device 500 a to initiate aprocess to share Photo 1 with one or more users (e.g., users associatedwith one or more second electronic devices), a selectable option 806 a-2that, when selected, causes electronic device 500 a to displayinformation about/associated with Photo 1, a selectable option 806 a-3that, when selected, causes the electronic device 500 a to initiate aprocess to add a reaction (e.g., tapback) to Photo 1 in the messagingconversation, and selectable option 806 a-4 that, when selected, causesdevice 500 a to initiate a process to reply to Photo 1 in the messageconversation, and a selectable option 806 a-5 that, when selected,causes device 500 a to initiate a process to save Photo 1 to theelectronic device 500 a.

In FIG. 8C, while device 500 a is displaying a user interface 804 aassociated with Photo 1, the electronic device 500 a detects a requestto display a user interface corresponding to another photo included inthe visual indication 816 a (indicated by touch contact 801 a-c swipingto the right on representation 897 a of Photo 1). In some embodiments,the next user interface displayed by device 500 a is based on therepresentation in stack that is ordered (e.g., directly) after therepresentation of Photo 1. For example, in FIG. 8D, in response todevice 500 a detecting the swipe input in FIG. 8C, device 500 a displaysa user interface 804 a-2 for Photo 5 because Photo 5 corresponds to therepresentation 814 a-2 which is ordered after the representation 814 a-1of Photo 1 in the stack, as illustrated in FIG. 8B. User interface 804a-2 optionally has one or more characteristics similar to user interface804 a illustrated in FIG. 8C. Specifically, user interface 804-2 aincludes a representation 897 a-2 of Photo 5 and includes an indication803 a indicating that the representation corresponding to Photo 5 inFIG. 8B (e.g., the representation 814 a-2) is currently at the secondposition in the stack. Additionally, indication 803 a indicates that therepresentation corresponding to Photo 5 in the visual indication 816 ais one of the four representations included in the visual indication 816a. It is understood that while device 500 a is displaying user interface804 a, device 500 a could also detect a swipe in a leftward direction,which in some embodiments, causes device 500 a to analogously display auser interface for the content item corresponding to representationbeing displayed at the bottom of the stack (Photo 4), because no otherrepresentations are ordered in front of the representation 814 a-1 ofPhoto 1 in the stack, as illustrated in FIG. 8B (e.g., because device500 a is displaying the representation 814 a-1 at the top of the stack).

Additionally, user interface 804 a-2 includes a selectable option 805 athat, when selected, causes the electronic device 500 a to display auser interface that includes representations of the content itemsincluded in the visual indication 816 a, a selectable option 806 a-1that, when selected, causes the electronic device 500 a to initiate aprocess to share Photo 5 with one or more users (e.g., users associatedwith one or more second electronic devices), a selectable option 806 a-2that, when selected, causes electronic device 500 a to displayinformation about/associated with Photo 5, a selectable option 806 a-3that, when selected, causes the electronic device 500 a to initiate aprocess to add a reaction (e.g., tapback) to Photo 5 in the messagingconversation, and a selectable option 806 a-4 that, when selected,causes device 500 a to initiate a process to reply to Photo 5 in themessage conversation, and a selectable option 806 a-5 that, whenselected, causes device 500 a to initiate a process to save Photo 5 tothe electronic device 500 a.

In FIG. 8E, while device 500 a is displaying a user interface 804 a-2associated with Photo 5, the electronic device 500 a detects anotherrequest to display a user interface for another photo included in thevisual indication 816 a (indicated by touch contact 801 a-e swiping tothe right on representation 897 a-2 of Photo 5). In FIG. 8F, in responseto the electronic device 500 a detecting the request to display a userinterface associated with another photo included in the visualindication 816 a, the electronic device 500 a displays a user interface804 a-3 for Photo 2 because Photo 2 corresponds to the representation814 a-3 in FIG. 8B, which is ordered (e.g., directly) after therepresentation 814 a-2 of Photo 5 in the stack. User interface 804 a-3optionally has one or more similar characteristics to user interface 804a illustrated in FIG. 8C.

Specifically, user interface 804 a-3 includes a representation 897 a-2of Photo 2 and includes an indication 803 a indicating that therepresentation corresponding to Photo 2 in FIG. 8B (e.g., therepresentation 814 a-3) is currently at the third position in the stack.Additionally, indication 803 a indicates that the representationcorresponding to Photo 2 in the visual indication 816 a is one of thefour representations of photos included in the visual indication 816 a.

Additionally, user interface 804 a-3 includes a selectable option 805 athat, when selected, causes the electronic device 500 a to display auser interface that includes representations of the content itemsincluded in the visual indication 816 a, a selectable option 806 a-1that, when selected, causes the electronic device 500 a to initiate aprocess to share Photo 2 with one or more users (e.g., users associatedwith one or more second electronic devices), a selectable option 806 a-2that, when selected, causes electronic device 500 a to displayinformation about/associated with Photo 2, a selectable option 806 a-3that, when selected, causes the electronic device 500 a to initiate aprocess to add a reaction (e.g., tapback) to Photo 2 in the messagingconversation, and a selectable option 806 a-4 that, when selected,causes device 500 a to initiate a process to reply to Photo 2 in themessage conversation, and a selectable option 806 a-5 that, whenselected, causes device 500 a to initiate a process to save Photo 2 tothe electronic device 500 a.

In FIG. 8G, while device 500 a is displaying the user interface 804 a-3,device 500 a detects a request to add a tapback (e.g., message tag) toPhoto 2 in the messaging conversation (represented by touch contact 801a-g selecting the selectable option 806 a-3). In response to device 500a detecting the request in FIG. 8G, in FIG. 8H, device 500 a displays aplurality of tapbacks (e.g., message tags) including a heart tapback 822a-1, a thumbs up tapback 822 a-2, a thumbs down tapback 822 a-3, a laughtapback 822 a-4, an emphasis tapback 822 a-5, and a question marktapback 822 a-6 that, when selected, causes device 500 a to add theselected tapback (e.g., message tag) to Photo 2 in the messagingconversation. In FIG. 8I, while device 500 a is displaying the pluralityof tapbacks (e.g., message tags), device 500 a detects a selection ofthe heart tapback 822 a-1 (indicated by touch contact 801 a-i tapping onthe heart tapback 822 a-1). In FIG. 8J, in response to detecting theselection of the heart tapback 822 a-1 in FIG. 8I, device 500 a displaysa visual indication indicating that the heart tapback 822 a-1 has beenselected. In FIG. 8K, after a respective amount of time has passed fromindicating that the heart tapback 822 a-1 has been selected (e.g., 0.3,0.7, 1, 3 seconds), device 500 a stops displaying, in the user interface804 a-3, the tapbacks (e.g., message tags) 822 a-1 to 822 a-6.Additionally, in FIG. 8K, because a tapback (e.g., message tag) has nowbeen added to Photo 2 in the message conversation, device 500 a updatesthe visual appearance of selectable option 806 a-3 to indicate thetapbacks(s) that have been added to Photo 2 in the messagingconversation. Specifically, because a heart tapback was added to Photo 2(and because no other tapbacks (e.g., message tags) have been added toPhoto 2 in the messaging conversation), device 500 a updates the visualappearance of selectable option 806 a-3 to indicate that a heart tapbackhas been added to Photo 2 in the messaging conversation.

In FIG. 8K, after device 500 a added a heart tapback to Photo 2 in themessaging conversation, device 500 a detects a request to navigate backto the messaging user interface 802 a (indicated by touch contact 801a-k selecting the selectable option with the label “Done”). In someembodiments, device 500 a updates the representation displayed at thetop of the stack (e.g., first position in the stack), in the messaginguser interface 802 a, to correspond to the photo that was beingdisplayed by device 500 a when the request to navigate back to themessaging user interface 802 a is received. For example, in FIG. 8L,because device 500 a was displaying a representation of Photo 2 when therequest to navigate back to the messaging user interface 802 a wasreceived in FIG. 8K, device 500 a updates the representation displayedat the top of the stack from the representation 814 a-1 of Photo 1 tothe representation 814 a-3 corresponding to Photo 2. As a result ofdevice 500 a updating position of the representation 814 a-3 of Photo 2in the stack from the third position to the first position (e.g., to thetop of the stack), the positions of the representations of the othercontent items in the stack are also rearranged accordingly.Specifically, device 500 a rearranges the representations of othercontent items in the stack such that the representation 814 a-4 of Photo4 is now being displayed at the second position in the stack (previouslyat the fourth position in the stack, as illustrated in FIG. 8A), therepresentation 814 a-1 of Photo 1 is now being displayed at the thirdposition in the stack (previously at the first position in the stack, asillustrated in FIG. 8A), and the representation 814 a-2 of Photo 5 isnow being displayed at the bottom of the stack (previously at the secondposition in the stack, as illustrated in FIG. 8A). In addition to thepositions of the items in the stack being rearranged by device 500 a(e.g., the positions of the representations 814 a-1 to 814 a-4), device500 a also updates to the messaging user interface 802 a to include arepresentation 830 a of a heart tapback at the representation 814 a-3 ofPhoto 2 because a heart tapback for Photo 2 was added to the messagingconversation as described in FIG. 8I.

In some embodiments, tapbacks (e.g., message tags) previously added to amessage in the messaging conversation can be changed/adjusted. Forexample, in FIG. 8M, device 500 a detects a selection of therepresentation 830 a of the heart tapback displayed at therepresentation 814 a-3 of Photo 2 (indicated by touch contact 801 a-mpressing down on the touchscreen 504 a at a location corresponding therepresentation 830 a for more than a threshold period of time (e.g.,0.5, 1, 2, 5, seconds). In FIG. 8N, in response to detecting the inputin FIG. 8M, device 500 a updates the messaging user interface 802 a toinclude a heart tapback, a thumbs up tapback, a thumbs down tapback, alaugh tapback, an emphasis tapback, and a question mark tapback,previously described and illustrated in FIG. 8H. While displaying theplurality of tapbacks (e.g., message tags) in FIG. 8N, device 500 adetects a selection of the thumbs up tapback (indicated by touch contact801 a-n tapping at a location on the touchscreen 504 a corresponding tothe thumbs-up message tag). In response to device 500 a detecting theinput in FIG. 8N, in FIG. 8O, device 500 a updates the tapback (e.g.,message tag) previously added to the messaging conversation by device500 a from the heart tapback to the thumbs up tapback (indicated bydevice 500 a updating the messaging user interface to display arepresentation 831 a of the thumbs up tapback).

In some embodiments, device 500 a displays tapbacks (e.g, message tags)that were added to a respective message (or content item) in themessaging conversation by the devices of other users in the messagingconversation. For example, in FIG. 8P, device 500 a receives anindication that Sam has added a heart tapback to Photo 2 in themessaging conversation. In response to device 500 a receiving theindication that a device associated with Sam has added a heart tapbackto Photo 2 in the messaging conversation, device 500 a updates themessaging user interface 802 a to display a representation 830 a-2 of aheart tapback at the representation 814 a-3 corresponding to Photo 2. InFIG. 8Q, while displaying the updated messaging user interface 802 a andwhile the representation 814 a-3 of Photo 2 is being displayed at thetop of the stack, the electronic device 500 a detects a selection of thestack of items included in the visual indication 816 a (indicated bytouch contact 801 a-q selecting the stack included in visual indication816 a).

As described previously, in some embodiments, the representation that isbeing displayed at the top of the stack is selectable, and whenselected, causes the electronic device to display a user interfaceassociated with the content item corresponding to the selectedrepresentation. For example, in FIG. 8R, in response to the electronicdevice 500 a detecting a selection of the representation 814 a-3 ofPhoto 2, device 500 a displays a user interface 804 a-3 associated withPhoto 2 (e.g., the photo corresponding to the representation 814 a-3).User interface 804 a includes a representation 897 a-3 of Photo 2 andincludes an indication 803 a indicating that the representationcorresponding to Photo 2 in FIG. 8B (e.g., the representation 814 a-3)is currently at the top of the stack. Additionally, indication 803 aindicates that the representation corresponding to Photo 2 in the visualindication 816 a is one of the four representations included in thevisual indication 816 a.

Additionally, user interface 804 a-3 includes a selectable option 805 athat, when selected, causes the electronic device 500 a to display auser interface that includes representations of the content itemsincluded in the visual indication 816 a, a selectable option 806 a-1that, when selected, causes the electronic device 500 a to initiate aprocess to share Photo 2 with one or more users (e.g., users associatedwith one or more second electronic devices), a selectable option 806 a-2that, when selected, causes electronic device 500 a to displayinformation about/associated with Photo 2, a selectable option 806 a-3that, when selected, causes the electronic device 500 a to initiate aprocess to add a reaction (e.g., message tag, tapback, etc.) to Photo 2in the messaging conversation, and selectable option 806 a-4 that, whenselected, causes device 500 a to initiate a process to reply to Photo 2in the message conversation, and a selectable option 806 a-5 that, whenselected, causes device 500 a to initiate a process to save Photo 2 tothe electronic device 500 a. As illustrated, in FIG. 8R, becausetapbacks (e.g., message tags) have previously been added to Photo 2 inthe message conversation, device 500 a is displaying selectable option806 a-3 with a visual appearance indicating the tapbacks (e.g., messagetags) that have been previously added to Photo 2 in the messagingconversation. Specifically, selectable option 806 a-3 is indicating thata heart tapback and a thumbs up tapback have previously been added toPhoto 2 in the messaging conversation.

In FIG. 8S, while device 500 a is displaying the user interface 804 a-3,device 500 a detects a selection of selectable option 806 a-3 (indicatedby touch contact 801 a-s tapping on the selectable option 806 a-3). InFIG. 8T, in response to device 500 a detecting the selection in FIG. 8S,device 500 a displays tapbacks 822 a-1 to 822 a-6, which wereillustrated and described previously. Additionally, in FIG. 8T, becausetapbacks (e.g., message tags) have been previously been added to Photo 2in messaging conversation, device 500 a displays an indication 826 aindicating the users associated with the devices that have addedtapbacks (e.g., message tags) to Photo 2. Specifically, indication 826 aincludes an indication 828 a indicating that a user Sam has added aheart tapback to Photo 2 and an indication 830 a indicating that a userBob had added a thumbs up tapback to Photo 2.

In some embodiments, an electronic device optionally receives a requestto reply to a particular content item (e.g., photo) in the messagingconversation. For example, in FIG. 8U, while the electronic device 500 ais displaying user interface 804 a-3, the electronic device 500 adetects a request to reply to Photo 2 in the messaging conversation(indicated by touch contact 801 a-u selecting selectable option 806a-4). In FIG. 8V, in response to receiving the request to reply to Photo2 in the messaging conversation, device 500 a displays a reply userinterface 832 a overlaid the user interface 804 a illustrated in FIG.8U. The reply user interface 832 a includes a representation 860 a ofPhoto 2 indicating that a message composed in the reply user interface832 a will be added to the messaging conversation as reply to Photo 2.The reply user interface 832 a also includes a soft keyboard and a textentry field 825 a. In the example of FIG. 8V, the user of device 500 a(Bob) has selected a sequence of inputs directed to the soft keyboardfor composing a reply message to Photo 2 that includes the text “NicePhoto!” (indicated by the text displayed in text entry field 825 a).After the user has finished composing the reply message, device 500 adetects a request to add the composed reply message (“Nice Photo!”) tothe messaging conversation (indicated by touch contact 801 a-v selectingthe selectable option in text entry field 825 a). In FIG. 8V-1 , inresponse to device 500 a receiving the request to add the composed replymessage to the messaging conversation, device 500 a adds to the composedreply message to the messaging conversation, and updates the messaginguser interface 802 a to indicate that the reply message to Photo 2 hasbeen successfully added to the messaging conversation. Specifically, inFIG. 8V-1 , device 500 a updates the messaging user interface 802 a toinclude a representation 862 a of the reply message that was added tothe messaging conversation, and a line 866 a connecting therepresentation 862 a to the representation 864 a of Photo 2 (indicatingthat the message corresponding to the representation 862 a is a reply toPhoto 2 in the messaging conversation).

In some embodiments, the electronic device optionally initiates aprocess to save a particular content item included in the message thatcorresponds to the visual indication 816 a. For example, in FIG. 8V-1 ,the electronic device 500 a detects a selection of the representation814 a-3 of Photo 2 (indicated by touch contact 801 a-v-1 tapping on therepresentation 814 a-3 of Photo 2). In FIG. 8W, in response to device500 a detecting the selection of the representation 814 a-3 of Photo 2,the electronic device 500 a displays user interface 804 a-3, aspreviously described and illustrated above. In FIG. 8X, while theelectronic device 500 a is displaying the user interface 804 a-3, theelectronic device 500 a detects a selection of selectable option 806 a-5(indicated by touch contact 801 a-x tapping on selectable option 806a-5). In response to electronic device 500 a detecting the selection ofselectable option 806 a-5 in FIG. 8X, in FIG. 8Y, the electronic device500 a updates the user interface 804 a-3 to include a menu 835 a. Menu835 a includes a selectable option 834 a that, when selected, causeselectronic device 500 a to save Photo 2 to a photos applicationinstalled on device 500 a, and a selectable option 836 a that, whenselected, causes electronic device 500 a to stop displaying the menu 835a in the user interface 804 a without saving Photo 2 to the electronicdevice 500 a. In FIG. 8Z, while the electronic device 500 a isdisplaying the menu 835 a in the user interface 804 a-3, the electronicdevice 500 a detects a selection of the selectable option 834 a(indicated by touch contact 801 a-z tapping on selectable option 834 a).In FIG. 8AA, in response to device 500 a detecting the selection ofselectable option 834 a in FIG. 8Z, the electronic device 500 a savesPhoto 2 to the photos application installed on device 500 a, and ceasesdisplaying the menu 835 a.

As described previously, in some embodiments, selectable option 806 a-1is selectable to cause the electronic device 500 a to initiate a processto share Photo 2 with one or more users (e.g., with the devicesassociated with the one or more users). For example, in FIG. 8AA, theelectronic device 500 a detects a selection of selectable option 806 a-1(indicated by touch contact 801 a-aa tapping selectable option 806 a-1).In FIG. 8BB, in response to device 500 a detecting a selection ofselectable option 806 a-1 in FIG. 8AA, the electronic device 500 aupdates the user interface 804 a-3 to include a menu 840 a. The menu 840a includes an indication 840 a-4 indicating that the selectable options840 a-1, 840 a-2, 840 a-3, 840 a-5, 840 a-6, 840 a-7, and 804 a-8 areassociated with sharing Photo 2. The menu 840 a also includesrepresentations of messaging conversations that are accessible by device500 a (e.g., messaging conversations that the user of device 500 a ispart of), including a representation 840 a-5 of a first messagingconversation between the user of device 500 a (Bob), Alice, and Sam—themessaging conversation illustrated in FIG. 8A—a representation 840 a-6of a second messaging conversation between the user of device 500 a(Bob) and a user named X, a representation 840 a-7 of a third messagingconversation between the user of device 500 a (Bob) and a user named Y,a representation 840 a-8 of a fourth messaging conversation between theuser of device 500 a (Bob) and a user named Z, and a representation 840a-1 of a fifth messaging conversation between the user of device 500 a(Bob) and a user named U. The representations 840 a-1, 840 a-5, 840 a-6,840 a-7, and 840 a-8 are selectable, and when selected, cause theelectronic device 500 a to compose, in the messaging conversationcorresponding to the selected representation, a message that includesPhoto 2. Additionally, menu 840 a also includes a selectable option 840a-3 that, when selected, causes electronic device 500 a to compose, in amessaging application installed on device 500 a, a new message thatincludes Photo 2, and also includes a selectable option 840 a-2 that,when selected, causes electronic device 500 a to compose, in an emailapplication installed on device 500 a, a new email that includes Photo2.

As mentioned previously, in some embodiments, selectable option 805 a isselectable to cause the electronic device 500 a to displayrepresentations of the content items included in the visual indication816 a illustrated in FIG. 8V-1 (e.g., display representations of thecontent items included in the message corresponding to visual indication816 a). For example, in FIG. 8CC, while device 500 a is displaying userinterface 804 a-3, device 500 a detects a selection of selectable option805 a (indicated by touch contact 801 a-cc tapping on selectable option805 a). In FIG. 8DD, in response to the electronic device 500 adetecting the selectable option 805 a, the electronic device 500 adisplays user interface 842 a. User interface 842 a includes arepresentation 848-1 of Photo 1, a representation of 848-2 of Photo 5, arepresentation 848-3 of Photo 2, and a representation 848 a-4 of Photo 4(e.g., representations of the photos included in the messagecorresponding to the visual indication 816 a). As illustrated, FIG. 8DD,device 500 a is displaying the representations 848-1 to 848-4 in a gridlayout (e.g., the representations are arranged in rows and columns).

In some embodiments, device 500 a displays the representations in userinterface 842 a with one or more indications indicating that one or moretapbacks (e.g., message tags) have been added to the corresponding photoin the messaging conversation. For example, as illustrated in FIG. 8DD,device 500 a is displaying an indication 852 a-1 of a heart tapback andan indication 852 a-1 of a thumbs up tapback because, as previouslydescribed, a device associated with the user Sam added a heart messagetapback to Photo 2 in the messaging conversation, and because the userof device 500 a, Bob, added a thumbs up tapback to Photo 2 in themessaging conversation (e.g., the photo that corresponds to therepresentation 848 a-3). The user interface 842 a also includes aselectable option 846 a that, when selected, causes device 500 a toenter a content selection mode which allows selection of the one or morerepresentations displayed in user interface 842 a, includes a selectableoption 854 a that, when selected, causes device 500 a to initiate aprocess to share the photos corresponding to the representations 848 a-1to 848-4 with one or more users (e.g., with the devices associated withthe one or more users), a selectable option 856 a that, when selected,causes device 500 a to initiate a process to download the photoscorresponding to the representations 848-1 to 848-4 (e.g., download thephotos included in the message corresponding to visual indication 816 aillustrated in FIG. 8DD) to device 500 a, and a selectable option 858 athat, when selected, causes device 500 a to initiate a process tocompose a reply message to the message corresponding to visualindication 816 a illustrated in FIG. 8DD. Additionally, user interface842 a also includes an indication 850 a indicating information about thephotos included in user interface 842 a. Specifically, indication 850 aindicates the total number of photos being displayed in user interface842 a, and how many photos of the total number of photos displayed inuser interface 842 a have been saved to the electronic device 500 a.

In some embodiments, the representations of photos, displayed in theuser interface 842 a, are selectable, and when selected, cause device500 a to display a user interface associated with the photocorresponding to the selected representation. For example, in FIG. 8EE,while device 500 a is displaying the user interface 842 a, theelectronic device 500 a detects a selection of the representation 848a-2 of Photo 5 (indicated by touch contact 801 a-ee tapping on therepresentation 848 a-2 of Photo 5). In FIG. 8FF, in response to device500 a detecting the selection of the representation 848-2 of Photo 5 inFIG. 8EE, device 500 a displays a user interface 804 a-2 for Photo 5, asillustrated and described previously (e.g., the photo corresponding tothe representation 848 a-2).

In FIG. 8GG, while the electronic device 500 a is displaying the userinterface 804 a-2, the electronic device 500 a detects a selection ofselectable option 805 a (indicated by touch contact 801 a-gg tapping onselectable option 805 a). In FIG. 8HH, in response to device 500 adetecting the selection of selectable option 805 a in FIG. 8GG, theelectronic device 500 a displays user interface 842 a, previouslyillustrated and described in FIG. 8DD. In FIG. 8II, while the electronicdevice is displaying user interface 842 a, the electronic device 500 adetects a selection of selectable option 856 a (indicated by touchcontact 801 a-ii tapping on selectable option 856 a). In FIG. 8JJ, inresponse to the electronic device 500 a detecting the selection ofselectable option 856 a the electronic device initiates a process todownload one or more of the photos corresponding to the representations848-1 to 848-4. In some embodiments, as illustrated in FIG. 8JJ, if noneof the photos corresponding to the representations 848-1 to 848-4 havebeen previously downloaded to the electronic device 500 a, theelectronic device 500 a displays a menu 862 a that includes a selectableoption 862 a that, when selected, causes the electronic device 500 a tosave the photos corresponding to the representations 848-1 to 848-4(Photo 1, Photo 2, Photo 4, and Photo 5) to the electronic device 500 a,and includes a selectable option 864 a that, when selected, causes theelectronic device 500 a to stop displaying the menu 863 a without savingthe photos corresponding to the representations 848-1 to 848-4 to theelectronic device 500 a. In FIG. 8JJ, the electronic device 500 adetects a selection of selectable option 862 a (indicated by touchcontact 801 a-jj tapping on selectable option 862 a). In response todevice 500 a detecting the selection of selectable option 862 a, device500 a saves the photos corresponding to the representations 848 a-1 to848-4 (Photo 1, Photo 2, Photo 4, Photo 5) to a photos applicationinstalled on device 500 a.

In FIG. 8KK, after device 500 a saved the Photos 1, 2, 4, and 5 to thephotos application installed on device 500 a in FIG. 8JJ, device 500 aceases displaying menu 863 a and updates indication 850 a. Specifically,the electronic device 500 a updates indication 850 a from indicatingthat none of the photos corresponding to the representations 848-1 to848-4 have been saved to device 500 a (as illustrated in FIG. 8HH) toindicating that all of the photos corresponding to the representations848-1 to 848-4 have been saved to device 500 a.

In some embodiments, device 500 a optionally allows a user of device 500a to select one or more of the representations displayed in the userinterface 842 a, and optionally save those selected representations todevice 500 a. For example, in FIG. 8LL, the electronic device 500 a isdisplaying user interface 842 a while none of the photos correspondingto the representations 848-1 to 848-4 have been saved to device 500 a(indicated by indication 850 a including the text “0 photos saved”). InFIG. 8MM, while device 500 a is displaying user interface 842 a andwhile none of the photos corresponding to the representations 848-1 to848-4 have been saved to device 500 a, device 500 a detects a request toenter a content selection mode which allows one or more of therepresentations displayed in the user interface 842 a to be selected(indicated by touch contact 801 a-mm tapping on the selectable option846 a). In response to device 500 a detecting the input in FIG. 8MM, inFIG. 8NN, device 500 a enters the content selection mode (indicated bydevice 500 a switching from displaying the selectable option 846 a(“Select”) to displaying the selectable option 847 a (“Cancel”)). InFIG. 8OO, after the electronic device 500 a entered the contentselection mode, device 500 a detects a selection of the representation848 a-1 of Photo 1 (indicated by touch contact 801 a-oo tapping on therepresentation 848 a-1 of Photo 1). In FIG. 8PP, in response todetecting the selection of the representation 848 a-1 illustrated inFIG. 8OO, the electronic device 500 a selects the representation 848 a-1of Photo 1 and displays an indication 849 a-1 indicating that therepresentation 848 a-1 is currently selected by device 500 a. In FIG.8QQ, while the representation 848 a-1 is currently selected by device500 a (indicated by indication 849 a-1), the electronic device 500 adetects a selection of the representation 848 a-2 of Photo 5(represented by touch contact 801 a-qq tapping on the representation 848a-2 of Photo 5). In FIG. 8RR, in response to device 500 a detecting theselection of the representation 848 a-2, device 500 a selects therepresentation 848 a-2 of Photo 5 and displays an indication 849 a-2indicating that the representation 848 a-2 is currently selected bydevice 500 a. In FIG. 8SS, while the representation 848 a-1 of Photo 1and the representation 848 a-2 of Photo 5 is currently selected bydevice 500 a (indicated by indications 849 a-1 and 849-2), theelectronic device 500 a detects a request to select the representation848 a-3 of Photo 2 (indicated by touch contact 801 a-ss tapping on therepresentation 848-3 of Photo 2). In FIG. 8TT, in response to device 500a detecting the selection of the representation 848 a-3 in FIG. 8SS, theelectronic device 500 a selects the representation 848 a-3 of Photo 2and displays an indication 849 a-3 indicating that the representation848-3 is currently selected by device 500 a.

In FIG. 8UU, while the representations 848 a-1 to 848 a-3 correspondingto Photos 1, 5, and 2 are currently selected (indicated by indications849 a-1, 849 a-2, and 849 a-3), the electronic device 500 a detects aselection of selectable option 856 a (indicated by touch contact 801a-uu tapping on the selectable option 856 a). In some embodiments, ifthe electronic device 500 a detects a selection of selectable option 865a while one or more representations in user interface 842 a areselected, the electronic device 500 a initiates a process to downloadthe photos corresponding to the selected representations. For example,in FIG. 8VV, in response to detecting the selection of selectable option864 a while the representation 848 a-1 of Photo 1, the representation848 a-2 of Photo 5, and the representation 848 a-3 of Photo 2 arecurrently selected, device 500 a displays a menu 870 a that includes aselectable option 872 a that, when selected, causes the electronicdevice 500 a to save the photos corresponding to the selectedrepresentations—Photos 1, 2, and 5—to the electronic device 500 a.Additionally, in FIG. 8VV, the electronic device 500 a detects aselection of selectable option 872 a (indicated by touch contact 801a-tt tapping on selectable option 872 a). In response to device 500 adetecting the selection of selectable option 872 a, device 500 a savesthe photos corresponding to the selected representations (Photo 1, Photo2, and Photo 5) to a photos application installed on device 500 a. InFIG. 8WW, after device 500 a saved Photos 1, 2, and 5 to the electronicdevice 500 a, device 500 a ceases displaying menu 870 a and updatesindication 850 a. Specifically, device 500 a updates indication 850 afrom indicating that none of the photos corresponding to therepresentations 848 a-1 to 848 a-4 have been saved to device 500 a, asillustrated in FIG. 8LL, to indicating that three of the photoscorresponding to the representations 848 a-1 to 848 a-4 have been savedto device 500 a.

In some embodiments, the electronic device 500 a optionally receives arequest to resave one or more of the photos previously saved to theelectronic device 500 a. For example, in FIG. 8XX, while three of thephotos corresponding to the representations 848 a-1 to 848 a-4 have beensaved to device 500 a (indicated by indication 850 a including the text“3 photos saved”), device 500 a receives a request to enter a contentselection mode, which as described previously, allows one or more of therepresentations displayed in user interface 842 a to be selected(indicated by touch contact 801 a-vv tapping on the selectable option846 a). In FIG. 8YY, in response to device 500 a detecting the input inFIG. 8XX, device 500 a enters the content selection mode (indicated bydevice 500 a switching from displaying the selectable option 846 a(“Select”) to displaying the selectable option 847 a (“Cancel”)). Insome embodiments, while device 500 a is in a content selection mode,device 500 a displays a visual indication at the representations in userinterface 842 a that correspond to photos previously saved to device 500a. Specifically, in the example of FIG. 8YY, because Photos 1, 2, and 5have previously been saved to the electronic device 500 a, device 500 adisplays an indication 876 a-1 at the representation 848 a-1, anindication 876 a-2 at the representation 848-3 of Photo 2, and anindication 876 a-5 at the representation 848-2 of Photo 5 indicatingthat Photos 1, 2, and 5 have previously been saved to device 500 a.

Additionally, in FIG. 8YY, while device 500 a is displaying theindication 876 a-5 indicating that Photo 5 is currently saved to theelectronic device 500 a and while device 500 a is currently in a contentselection mode, device 500 a detects a selection of the representation848 a-2 of Photo 5 (represented by touch contact 801 a-yy tapping on therepresentation 848 a-2 of Photo 5). In FIG. 8ZZ, in response to device500 a detecting a selection of the representation 848 a-2 of Photo 5,device 500 a selects the representation 848 a-2, and updates the visualappearance of indication 876 a-5 from indicating that Photo 5 iscurrently saved to device 500 a to indicating that the representation848 a-2 of Photo 5 is currently selected by device 500 a. In FIG. 8AAA,while the representation 848 a-2 of Photo 5 is currently selected,device 500 a detects a selection of selectable option 856 a (indicatedby touch contact 801 a-aaa tapping on selectable option 856 a). In someembodiments, if the electronic device 500 a detects a selection ofselectable option 846 a while the selected representations correspond tophotos that have previously been saved to device 500 a, the electronicdevice 500 a initiates a process to resave those photos to device 500 a.For example, in FIG. 8BBB, in response to detecting the selection ofselectable option 856 a while the representation 848 a-2 of Photo 5 iscurrently selected and while Photo 5 is currently saved to theelectronic device 500 a, the electronic device displays a menu 878 a.Menu 878 a includes a selectable option 880 a that, when selected,causes the electronic device to resave Photo 5 to device 500 a (e.g.,the photo corresponding to the selected representation). Additionally,selectable option 880 a includes an indication identifying the selectedphoto(s) that have already been saved to device 500 a (“Photo 5 alreadysaved to Photo Library, save again?”).

In FIG. 8CCC, while device 500 a is displaying menu 878 a, device 500 adetects a selection of selectable option 880 a (indicated by touchcontact 801 a-ccc tapping on selectable option 880 a). In FIG. 8DDD, inresponse to device 500 a detecting the selection of selectable option880 a, device 500 a resaves Photo 5 to a photos application installed ondevice 500 a and ceases displaying menu 878 a in the user interface 842a. Additionally, as illustrated in FIG. 8DDD, device 500 a continues todisplay indication 850 a indicating that three of the photoscorresponding to the representations 848 a-1 to 848 a-4 have been savedto device 500 a (Photos 1, 2, and 5).

In some embodiments, selectable option 856 a is selectable to save theremaining photos corresponding to the representations 848 a-1 to 848-4that have not been previously saved to the electronic device 500 a. Forexample, in FIG. 8EEE, while three of the photos (Photos, 1, 2, and 5)of the four photos corresponding to the representations 848 a-1 to 848a-4 have been saved to device 500 a (indicated by indication 850 aincluding the text “3 photos saved”), device 500 a detects a selectionof selectable option 856 a (indicated by touch contact 801 a-eee tappingon selectable option 856 a). In FIG. 8FFF, in response to device 500 adetecting the selection of selectable option 801 a-eee in FIG. 8EEE, andbecause a portion of the photos corresponding to the representations 848a-1 to 84 a 8-4 are currently saved to device 500 a, device 500 adisplays a menu 884 a. Menu 884 a includes a selectable option 886 athat, when selected, causes device 500 a to save, to device 500 a, thephotos corresponding to the representations 848-1 to 848-4 that are notcurrently saved to device 500 a, and includes a selectable option 888 athat, when selected, causes device 500 a to cease displaying menu 884 awithout saving the photos corresponding to the representations 848 a-1to 848 a-4 that are not currently saved to device 500 a. Additionally,selectable option 886 a is indicating which of the photos correspondingto the representations 848 a-1 to 848-4 have previously been saved todevice 500 a, and which of the photos corresponding to therepresentations 848 a-1 to 848 a-4 have not already been saved to device500 a.

In FIG. 8GGG, while the electronic device 500 a is displaying the menu884 a, the electronic device 500 a detects a selection of selectableoption 886 a (indicated by touch contact 801 a-ggg tapping on selectableoption 886 a). In response to device 500 a detecting the selection ofselectable option 886 a, device 500 a saves Photo 4 to the photosapplication installed on device 500 a (e.g., saves the photoscorresponding to the representations 848 a-1 to 848 a that were notpreviously saved to device 500 a). In FIG. 8HHH, after device 500 asaved Photo 4 to the electronic device 500 a, device 500 a ceasesdisplaying menu 884 a and updates indication 850 a. Specifically, device500 a updates indication 850 a from indicating that three of the photoscorresponding to the representations 848 a-1 to 848 a-4 have been savedto device 500 a, as illustrated in FIG. 8DDD, to indicating that all ofthe photos corresponding to the representations 848 a-1 to 848 a-4 havebeen saved to device 500 a (“All photos saved”).

In some embodiments, an electronic device receives a request to reply tothe photos corresponding to the representations 848 a-1 to 848 a-4 inthe messaging conversation. For example, in FIG. 8HHH, while theelectronic device 500 a is displaying user interface 842 a, theelectronic device detects a request to reply to Photos 1, 2, 4, and 5 inthe messaging conversation (e.g., device 500 receives a request to replyto the message corresponding to the visual indication 816 a) (indicatedby touch contact 801 a-hhh selecting selectable option 858 a). Inresponse to receiving the request to reply to the Photos 1, 2, 4, and 5in the messaging conversation, device 500 a displays a reply userinterface 832 a overlaid on the user interface 804 a illustrated in FIG.8U. The reply user interface 832 a includes a visual indication 890 a ofthe message in the messaging conversation that included Photos 1, 2, 4,and 5. The reply user interface 832 a also includes a soft keyboard anda text entry field 825 a.

In the example of FIG. 8III, the user of device 500 a (Bob) has provideda sequence of inputs directed to the soft keyboard for composing a replymessage to the message corresponding to the visual indication 890 a thatincludes the text “Nice Photo!” (indicated by the text displayed in textentry field 825 a). After the user of device 500 a has finishedcomposing the reply message, device 500 a detects a request to add thecomposed reply message (“Nice Photo!”) to the messaging conversation(indicated by touch contact 801 a-iii selecting the selectable option intext entry field 825 a). In FIG. 8JJJ, in response to device 500 areceiving the request to add the composed reply message to the messagingconversation, device 500 a adds to the reply message to the messagingconversation, and updates the messaging user interface 802 a to indicatethat a reply to the message corresponding to the visual indication 816 ahas been successfully added to the messaging conversation. Specifically,in FIG. 8JJJ, device 500 a updates the messaging user interface 802 a toinclude a representation 863 a of the reply message that was added tothe messaging conversation by device 500 a, and a line 867 a connectingthe visual indication 816 a to the representation 863 a of the replymessage (indicating that the message corresponding to the representation863 a is a reply to the message corresponding to the visual indication816 a).

As described previously, in some embodiments, the electronic device 500a receives a request to share the photos corresponding to therepresentations 848 a-1 to 848-2 with one or more users. For example, inFIG. 8KKK, the electronic device 500 a detects a selection of selectableoption 854 a (indicated by touch contact 801 a-bbb tapping selectableoption 854 a). In FIG. 8LLL, in response to device 500 a detecting aselection of selectable option 854 a in FIG. 8KKK, the electronic device500 a displays a menu 840 a. The menu 840 a includes an indication 840a-4 indicating that the selectable options 840 a-1, 840 a-2, 840 a-3,840 a-5, 840 a-6, 840 a-7, and 804 a-8 are associated with sharing fourphotos: Photo 1, Photo 2, Photo 4, and Photo 5. The menu 840 a alsoincludes representations of the messaging conversations that areaccessible by device 500 a (e.g., messaging conversations that the userof device 500 a is part of), including a representation 840 a-5 of afirst messaging conversation between the user of device 500 a (Bob),Alice, and Sam—the messaging conversation illustrated in FIG. 8A—arepresentation 840 a-6 of a second messaging conversation between theuser of device 500 a (Bob) and a user named X, a representation 840 a-7of a third messaging conversation between the user of device 500 a (Bob)and a user named Y, a representation 840 a-8 of a fourth messagingconversation between the user of device 500 a (Bob) and a user named Z,and a representation 840 a-1 of a fifth messaging conversation betweenthe user of device 500 a (Bob) and a user named U. The representations840 a-1, 840 a-5, 840 a-6, 840 a-7, and 840 a-8 are selectable, and whenselected, cause the electronic device to compose, in the messagingconversation corresponding to the selected representation, a messagethat includes Photos 1, 2, 4, and 5. Additionally, menu 840 a alsoincludes a selectable option 840 a-3 that, when selected, causeselectronic device 500 a to compose, in a messaging application installedon device 500 a, a new message that includes Photos 1, 2, 4, and 5, andalso includes a selectable option 840 a-2 that, when selected, causeselectronic device 500 a to compose, in an email application installed ondevice 500 a, a new email that includes Photos 1, 2, 4, and 5.

FIG. 9 is a flow diagram illustrating a method of selecting anddisplaying user interfaces associated with a content item in a messagingconversation. The method 900 is optionally performed at an electronicdevice such as device 100, device 300, device 500, device 500 a, device500 b as described above with reference to FIGS. 1A-1B, 2-3, 4A-4B and5A-5H. Some operations in method 900 are, optionally combined and/ororder of some operations is, optionally, changed.

As described below, the method 900 provides ways in which an electronicdevice displays user interfaces associated with one or more contentitems in a messaging conversation and/or adds messaging activity to oneor more content items in a messaging conversation. The method reducesthe cognitive burden on a user when interacting with a user interface ofthe device of the disclosure, thereby creating a more efficienthuman-machine interface. For battery-operated electronic devices,increasing the efficiency of the user's interaction with the userinterface conserves power and increases the time between batterycharges.

In some embodiments, method 900 is performed at an electronic device incommunication with a display generation component and one or more inputdevices (e.g., a mobile device (e.g., a tablet, a smartphone, a mediaplayer, or a wearable device), a computer (e.g., a desktop computer, alaptop computer), or a wearable device (e.g., a watch, a head-mounteddevice), optionally in communication with one or more of a mouse (e.g.,external), trackpad (optionally integrated or external), remote controldevice (e.g., external), another mobile device (e.g., separate from theelectronic device), a handheld device (e.g., external), and/or acontroller (e.g., external, etc.), or a set-top box in communication oneor more input devices (e.g., a remote control)). In some embodiments,the display generation component is a display integrated with theelectronic device (optionally a touch screen display), external displaysuch as a monitor, projector, television, or a hardware component(optionally integrated or external) for projecting a user interface orcausing a user interface to be visible to one or more users, etc.

In some embodiments, the electronic device displays (902), via thedisplay generation component, a messaging user interface that includes amessaging conversation associated with a plurality of users (e.g., insome embodiments, the messaging user interface has one or morecharacteristics of the messaging user interface described in method700), wherein the messaging user interface includes a first visualindication of first messaging activity in the messaging conversation(e.g., such as the visual indication described with reference to method700 when the one or more criteria are or are not satisfied), and thefirst visual indication includes representations of a plurality ofcontent items (e.g., photos, videos, and/or other media items, etc.)included in the first messaging activity, such as the visual indication816 a included in the messaging user interface 802 a in FIG. 8B. Forexample, the electronic device displays a visual indication of messagingactivity added by an electronic device that has access to the messagingconversation. In some embodiments, in addition to the representations ofthe plurality of content items, the visual indication also includes arepresentation of a typed message (e.g., includes text). In someembodiments, the first visual indication is displayed by the electronicdevice because the electronic device received an indication that adevice associated with a respective user of the plurality of users hasadded a new message to the messaging conversation. In some embodiments,the first visual indication includes one or more representation ofcontent items because an electronic device that added the firstmessaging activity to the messaging conversation detected a sequence ofone or more inputs for adding content items to the first messagingactivity. In some embodiments, the content items are of the same type(e.g., the content items correspond to only images/photos) or are ofdifferent types (e.g., the content items correspond to both images andvideos).

In while displaying the messaging user interface, the electronic devicereceives (904), via the one or more input devices, a first inputcorresponding to selection of a first content item of the plurality ofcontent items included in the first messaging activity, such as theselection of the representation of Photo 1 in FIG. 8B (e.g., theelectronic device receives an input for selecting the visual indicationcorresponding to message activity that includes the plurality of contentitems). In some embodiments, the first input corresponds to selection ofthe first content item in accordance with a determination that a firstrepresentation of the first content item of the plurality of contentitems was visually emphasized in the first visual indication when thefirst input was received. For example, when the visual indication isselected, the first content item is being displayed with visualprominence over other content items also included in the visualindication. For example, the first content item is displayed at the topof the stack of content items, and the other content items in the stackare below the first content item.

In some embodiments, in response to receiving the first input (906), theelectronic device displays (908), via the display generation component,a first user interface associated with the first content item andincluding one or more selectable options that are selectable to addcorresponding messaging activity to the messaging conversation relatedto the first content item, such as user interface 804 a in FIG. 8C(e.g., and not a second content item of the plurality of content items).In some embodiments, when the electronic device detects a selection ofthe first visual indication, the content items included in the firstvisual indication are displayed in a stack (e.g., a collection). In someembodiments, the stack of content items displays one content item at atime (e.g., visually emphasizes one content item), and input directed tothe stack of content items causes the stack to display (e.g., visuallyemphasize) a new content item in the stack. In some embodiments, the waythe content items are displayed in the visual indication is similar tothe manner in which the content items are displayed in method 700. Insome embodiments, when the visual indication is selected, the firstcontent item is being visually emphasized by the stack (e.g., is thecurrent cover photo in the stack). In some embodiments, differentportions of the visual indication of the first messaging activity areselectable. For example, text in the first messaging activity isselectable and the stack of content items is also selectable. In someembodiments, in response to selecting the stack when a particular photois being visually emphasized among the other content items that are alsobeing displayed in the visual indication, the electronic device displaysa user interface (e.g., a first user interface) that includes selectableoptions for transmitting (e.g., adding) messaging activity to themessaging conversation. For example, in some embodiments, the first userinterface includes one or more selectable options for transmitting areply to the first content item (or optionally the plurality of contentitems) in the messaging conversation and/or for transmitting (e.g.,adding) a tag to the first content item (e.g., adding reactions such as“like,” “heart,” question mark, emphasis, and laugh).

The above-described manner of displaying a user interface associatedwith a content item being visually emphasized in a respective visualindication when that visual indication is selected provides an efficientway of accessing user interfaces associated with visually emphasizedcontent items and for adding messaging activity related to that contentitem in the messaging conversation, which simplifies the interactionbetween the user and the electronic device and enhances the operabilityof the electronic device and makes the user-device interface moreefficient, which additionally reduces power usage and improves batterylife of the electronic device by enabling the user to use the electronicdevice more quickly and efficiently.

In some embodiments, while displaying the messaging user interface,wherein the first representation of the first content item is visuallyemphasized in the first visual indication, the electronic devicereceives, via the one or more input devices, a second inputcorresponding to a swipe input on the first visual indication, such asthe if the touch input 801 a-b in FIG. 8B corresponded to a swipegesture instead of a selection gesture. For example, while therepresentation corresponding to the first content item is visuallyemphasized in a stack, the electronic device receives a second inputthat corresponds to a drag or swipe gesture. In some embodiments, thesecond input includes movement that satisfies one or more criteria. Insome embodiments, if the second input corresponds to a vertical swipe ordragging gesture, the movement of the second input does not satisfy theone or more second criteria, and instead of updating the order of thecontent items in the stack, the electronic device scrolls through themessaging user interface, optionally including scrolling the stack ofcontent items out of view on the display.

In some embodiments, in response to receiving the second input, theelectronic device updates the first visual indication to visuallyemphasize a second representation of a second content item, differentfrom the first content item, of the plurality of content items, such asdevice 500 displaying the representation 814 a-2 of Photo 2 at the topof the stack if the touch contact 801 a-b corresponded to a swipe inputin FIG. 8B. For example, if a first representation of a first contentitem is being displayed with the highest priority in the first visualindication (e.g., at the top of the stack) when the first input isreceived, a second representation of a second content item is displayedwith the highest priority (e.g., at the top of the stack) in response tothe second (e.g., swipe) input. In some embodiments, as a result, thesecond representation of the second content item moves from a respectiveposition in the stack to the top of the stack (e.g., the first positionin the stack), the respective positions of the other content items inthe stack are also rearranged accordingly.

In some embodiments, while displaying the updated first visualindication, the electronic device receives, via the one or more inputdevices, a third input corresponding to selection of the second contentitem of the plurality of content items included in the first visualindication of the first messaging activity (e.g., in some embodiments,the third input corresponds to selection of the second content item inaccordance with a determination that the second representation of thesecond content item, different from the first content item, of theplurality of content items was visually emphasized in the first visualindication when the third input was received). In some embodiments, inresponse to receiving the third input, displaying, via the displaygeneration component, a second user interface associated with the secondcontent item and including one or more selectable options that areselectable to add corresponding messaging activity to the messagingconversation related to the second content item, such as device 500 adisplaying the user interface 804 a-3 illustrated in FIG. 8F ifrepresentation corresponding to Photo 2 is displayed at the top of thestack (e.g., and not the first content item of the plurality of contentitems). For example, because the representation of the second contentitem was being visually emphasized when the electronic device detectedselection of the second content item, the electronic device displays auser interface associated with the second content item (e.g., thecontent item corresponding to the representation being visuallyemphasized). In some embodiments, the second user interface includesselectable options for transmitting a reply to the second content itemsin the messaging conversation and/or for adding a tag to the secondcontent item in the messaging conversation (e.g., adding tags such as a“like” tag, a “heart” tag, a question mark tag, an emphasis tag, a laughtag, etc.). In some embodiments, while the electronic device isdisplaying the second user interface, the electronic device switches todisplaying the first user interface associated with the first contentitem in response to the electronic device detecting one or more inputs.The above-described manner of displaying a user interface associatedwith a second content item when a representation of the second contentitem is being visually emphasized in a visual indication of a message inthe messaging conversation provides an efficient way of accessing userinterfaces associated with visually emphasized content items and foradding messaging activity related to that content item in the messagingconversation, which simplifies the interaction between the user and theelectronic device and enhances the operability of the electronic deviceand makes the user-device interface more efficient, which additionallyreduces power usage and improves battery life of the electronic deviceby enabling the user to use the electronic device more quickly andefficiently.

In some embodiments, the representations of the plurality of contentitems in the first visual indication is associated with an order, suchas the order of the representations 814 a-1 to 814 a-4 illustrated inFIG. 8B. In some embodiments, the representations of the plurality ofcontent items is associated with a particular order because themessaging activity corresponding to the first visual indication definesa priority of each content item. In some embodiments, therepresentations of the plurality of content items are ordered inaccordance the priorities of the corresponding content items in thefirst messaging activity.

In some embodiments, while displaying, via the display generationcomponent, the first user interface associated with the first contentitem, wherein the first user interface includes a representation of thefirst content item (e.g., the electronic device is currently displayinga first user interface that includes a representation of the contentitem currently being visually emphasized in the first visualindication), the electronic device receives, via the one or more inputdevices, a second input corresponding to a request to switch todisplaying a representation of a respective content item, different fromthe first content item, included in the plurality of content items. Forexample, while the electronic device is displaying a user interface thatincludes a representation of the content item currently being visuallyemphasized at the first visual indication, the electronic devicereceives a request to display a representation of another content itemthat is also included in the first messaging activity (e.g., themessaging activity corresponding to the first visual indication). Insome embodiments, the electronic device detects the second input when auser swipes to the left or to the right while the electronic device isdisplaying the first user interface.

In some embodiments, in accordance with a determination that the orderassociated with the representations of the plurality of content items inthe first visual indication is a first order, the electronic devicedisplays, via the display generation component, a second user interfaceassociated with a second content item, different from the first contentitem, of the plurality of content items, wherein the second userinterface includes a representation of the second content item, such asdevice 500 displaying the user interface 804 a-2 associated with Photo 5(e.g., includes a visual indication of the (e.g., content correspondingto the) second content item). In some embodiments, the first messagingactivity includes a first content item with a first priority, a secondcontent item with a second priority, and a third content item with athird priority. In some embodiments, the first content item has thehighest priority in the first messaging activity, the second contentitem has the second highest priority in the first messaging activity,and the third content item has the third highest priority in the firstmessaging activity (e.g., the first priority is higher than the secondpriority, and the second priority is higher than the third priority). Insome embodiments, the priorities of the content items in the firstmessaging activity define an order associated with the representationsof the content items in the first visual indication. For example,because of the priorities assigned to the content items in the firstmessaging activity, the order defines that the representation of thefirst content item is ordered before the representations of the secondcontent item and the third content item (e.g., because the first contentitem is assigned with the highest priority), defines that therepresentation of the second content item is ordered after therepresentation of the first content item and before the representationof the third content (e.g., because the priority of the second contentitems is the second highest), and defines that the representation of thethird content is ordered after the representations of the first andsecond content items (e.g., because the third content item is assignedwith the lowest priority). Accordingly, in some embodiments, when thesecond input is received, the electronic device displays arepresentation of the content item that immediately proceeds or followsthe first content item in the first order. In some embodiments, theelectronic device displays the third user interface if the electronicdevice detects that a user of the electronic device has swiped to theleft.

In some embodiments, in accordance with a determination that the orderassociated with the representations of the plurality of content items inthe first visual indication is a second order, different from the firstorder, the electronic device displays, via the display generationcomponent, a third user interface associated with a third content item,different from the first and the second content items, of the pluralityof content items, wherein the third user interface includes arepresentation of the third content item (e.g., includes a visualindication of the (e.g., content corresponding to the) third contentitem), such as the device 500 displaying a user interface associatedwith another content item if the ordering of the representations 814 a-1to 814 a-4 are different. In some embodiments, the first messagingactivity includes a first content item with a first priority, a secondcontent item with a second priority, and a third content item with athird priority. In some embodiments, the first content item has thehighest priority in the first messaging activity, the third content itemhas the second highest priority in the first messaging activity, and thesecond content item has the third highest priority in the firstmessaging activity (e.g., the first priority is higher than the thirdpriority, and the third priority is higher than the second priority). Insome embodiments, the priorities of the content items in the firstmessaging activity define an order that is associated with therepresentations of the content items in the first visual indication. Forexample, because of the priorities assigned to the content items in thefirst messaging activity, the order defines that the representation ofthe first content item is ordered before the representations of thesecond content item and the third content item (e.g., because the firstcontent item is assigned with the highest priority), defines that therepresentation of the third content item is ordered after therepresentation of the first content item and before the representationof the second content (e.g., because the priority of the third contentitem is the second highest), and defines that the representation of thesecond content is ordered after the representations of the first andthird content item (e.g., because the second content item is assignedwith the lowest priority). Accordingly, in some embodiments, when thesecond input is received, the electronic device displays arepresentation of the content item that immediately proceeds or followsthe first content item in the second order. In some embodiments, theelectronic device displays the third user interface if the electronicdevice detects that a user of the electronic device has swiped to theright.

The above-described manner of displaying a user interface associatedwith the second or the third content item when an input is receivedwhile displaying a user interface for the first content item provides anefficient way for displaying user interfaces in an order associated withthe content items, which simplifies the interaction between the user andthe electronic device and enhances the operability of the electronicdevice and makes the user-device interface more efficient, whichadditionally reduces power usage and improves battery life of theelectronic device by enabling the user to use the electronic device morequickly and efficiently.

In some embodiments, after receiving the second input and whiledisplaying the third user interface associated with the third contentitem in response to receiving the second input, the electronic devicereceives, via the one or more input devices, a third input correspondingto a request to cease display of the third user interface and displaythe messaging user interface, such as the input 801 a-k tapping theselectable option labeled “Done”. For example, after the electronicdevice switched from displaying a user interface associated with thefirst content item to displaying a user interface associated with thesecond content item, the electronic device receives a request tonavigate back to the messaging user interface. In some embodiments, therequest is detected when the electronic device detects a selection of aselectable object that causes the electronic device to navigate back tothe messaging user interface (e.g., selects a “back” button).

In some embodiments, in response to receiving the third input, theelectronic device ceases display of the third user interface, anddisplaying, via the display generation component, the messaging userinterface, wherein the messaging user interface includes the firstvisual indication of the first messaging activity, and a thirdrepresentation of the third content item of the plurality of contentitems is visually emphasized in the first visual indication of the firstmessaging activity, such as the electronic device visually emphasizingrepresentation 814 a-3 of Photo 2 in the visual indication 816 a afterreceiving the input in FIG. 8K. For example, because the electronicdevice was displaying the a user interface associated with the firstcontent item (e.g., the third user interface) when the request tonavigate back to the messaging user interface was received, theelectronic device visually emphasizes the representation of the thirdcontent item in the first visual indication over the representations ofother content items that are also included in the first visualindication. Put differently, the visual ordering of the representationsof content items included in the first visual indication is optionallyadjusted when the third input is received. For example, in someembodiments, before displaying the first user interface and the thirduser interface (as described above), the representations of the contentitems are being displayed in a first order. In some embodiments, if therepresentations of a plurality of content items are being displayed in astack, the first order corresponds to the order (e.g., positions) of therepresentations in the stack. For example, if the first visualindication includes a representation of a first content item, arepresentation of a second content item, and a representation of a thirdcontent item that are being displayed in a first order, therepresentation of the first content item is optionally displayed at thetop of the stack, the representation of the third content is optionallydisplayed at the second position in the stack, and the representation ofthe second content item is optionally displayed at the bottom of thestack (e.g., last position in the stack). In some embodiments, therepresentations of content items at the visual indication (e.g., therepresentations of the first, second, and third content) are visuallyordered different in response to receiving the third input. For example,after receiving the third input, the visually ordering of therepresentations of content items are displayed in accordance with asecond order. For example, the representation of the third content isnow displayed at the top of the stack, the representation of the secondcontent is now displayed at the second position in the stack, and therepresentation of the first content is now displayed at the bottom(e.g., last position in the stack).

The above-described manner of visually emphasizing the representation ofthe content item that was being displayed in a respective user interfacebefore a request for navigating back to the messaging user interface wasdetected provides an efficient way of visually emphasizing differentrepresentations of content items in the first visual indication, whichsimplifies the interaction between the user and the electronic deviceand enhances the operability of the electronic device and makes theuser-device interface more efficient, which additionally reduces powerusage and improves battery life of the electronic device by enabling theuser to use the electronic device more quickly and efficiently.

In some embodiments, the one or more selectable options that areselectable to add the corresponding messaging activity to the messagingconversation related to the first content item include a respectiveselectable option that is selectable to initiate a process to respond tothe first content item with at least one of a set of predefinedresponses, such as the selectable option 806 a-3 in FIG. 8F. Forexample, the user interface associated with the first content itemincludes a selectable option for initiating a process to add apredefined response to the first content item in the messagingconversation. In some embodiments, the predefined responses includeadding a “like” tag, a “heart” tag, a question mark tag, an emphasistag, and/or a laugh tag to the first content item in the messagingconversation. In some embodiments, if the electronic device has added arespective tag (e.g., predefined response) to the first content item,that respective tag is displayed with a first visual appearance whilethe other tags are displayed with a second visual appearance (e.g.,indicating the other tags have not been added to the first content itemin the messaging conversation by the electronic device). In someembodiments, the predefined responses include a predefined message thatis determined based on the first content item and the context of thefirst messaging conversation. In some embodiments, when the electronicdevice detects a selection of a predefined response (e.g., a tag), theelectronic device adds to the messaging conversation the predefinedresponse. In some embodiments, other electronic devices associated withthe users in the messaging conversation receive an indication that theelectronic device has added the predefined response to the messagingconversation, and subsequently displays an indication of the predefinedresponse in the messaging user interface.

The above-described manner of including a selectable option to respondto a respective content item in a messaging conversation provides anefficient way of responding to content items in a messaging conversationin user interfaces other than a messaging user interface, whichsimplifies the interaction between the user and the electronic deviceand enhances the operability of the electronic device and makes theuser-device interface more efficient, which additionally reduces powerusage and improves battery life of the electronic device by enabling theuser to use the electronic device more quickly and efficiently.

In some embodiments, in accordance with a determination that arespective user of the plurality of users has responded to the firstcontent item in the messaging conversation, the respective selectableoption is displayed with a first visual appearance that indicates theresponse of the respective user to the first content item, such as thevisual appearance of selectable object 806 a-3 in FIG. 8K. For example,the respective selectable option visually indicates the predefinedresponses (e.g., tags) that have been added to the first content item inthe messaging conversation. For example, if a device associated with therespective user “hearted” the first content item in the first messagingconversation, the selectable option visually indicates that the firstcontent item has been “hearted”. In some embodiments, if a secondrespective user (e.g., a device associated with the second respectiveuser) has also added a predefined response (e.g., tag) to the firstcontent item in the messaging conversation, the selectable optionincludes an indication of the predefined response added by the seconduser. For example, if the device associated with the second respectiveuser “liked” the first content item, the selectable option visuallyindicates that the first content item in the messaging conversation hasbeen “liked” and “hearted”. In some embodiments, the respective user isthe user of the electronic device. Alternatively, in some embodiments,the respective user is another user in the messaging conversation.

In some embodiments, in accordance with a determination that therespective user has not responded to the first content item in themessaging conversation, the respective selectable option is displayedwith a second visual appearance, different than the first visualappearance, that does not indicate the response of the respective userto the first content item, such as the visual appearance of selectableoption 806 a-3 in FIG. 8F. For example, if the electronic device isdisplaying the selectable option while no users in the messagingconversation (e.g., the device associated with the users) have added apredefined response to the first content items in the messagingconversation, the selectable option does not visually indicate thepredefined responses that have been added to the first content item. Insome embodiments, if a device associated with a second respective userhas added a predefined response to the first content item in themessaging conversation while the device associated with the respectiveuser has not added a predefined response to the first content item. Insome such embodiments, the selectable option indicates the predefinedresponse added by the device associated with the second respective userwithout indicating the respective user has not responded to the firstcontent item.

The above-described manner of indicating the predefined responses thathave been added to the first content item in a messaging conversation ata selectable option provides an efficient way for indicating the currentresponses to the first content item in the messaging conversation (e.g.,while the electronic device is not displaying the messagingconversation), which simplifies the interaction between the user and theelectronic device and enhances the operability of the electronic deviceand makes the user-device interface more efficient, which additionallyreduces power usage and improves battery life of the electronic deviceby enabling the user to use the electronic device more quickly andefficiently.

In some embodiments, initiating the process to respond to the firstcontent item with at least one of the set of predefined responsesincludes displaying, in the first user interface, a menu includingselectable elements corresponding to the set of predefined responses(e.g., a menu for adding a reaction to the first content item such as“like”, “heart”, question mark, emphasis, and/or laugh), such as themenu 822 a in FIG. 8J.

In some embodiments, while displaying the menu including the selectableelements corresponding to the set of predefined responses, receiving,via the one or more input devices, a second input corresponding toselection of a respective element of the selectable elementcorresponding to a respective predefined response of the set ofpredefined responses (e.g., the electronic device detects a selection ofone of the predefined reactions), such as input 801 a-i selecting theheart tag 822 a-1 in FIG. 8I.

In some embodiments, in response to receiving the second input, theelectronic device adds the respective predefined response to the firstcontent item to the messaging conversation, such as the heart tag beingadded to Photo 2 in the messaging conversation in FIG. 8L. For example,when a selectable option corresponding to one of the predefinedresponses is selected, that predefined response is added to the firstcontent item in the messaging conversation. For example, if theelectronic device detects a selection of a selectable option for addinga “heart” tag to the first content item in the messaging conversation,the electronic device adds the “heart” tag to the first content item inthe messaging conversation. In some embodiments, after the electronicdevice adds the “heart” tag to the first content item, a representationof the heart tag is displayed at the location of the representation ofthe first content item in the messaging user interface. In someembodiments, when the electronic device detects a selection of apredefined response (e.g., a tag), the electronic device adds to themessaging conversation the predefined response. In some embodiments,other electronic devices associated with the users in the messagingconversation receive an indication that the electronic device has addedthe predefined response to the messaging conversation, and subsequentlydisplays an indication of the predefined response in the messaging userinterface.

The above-described manner of adding a predefined response to arespective content item in the messaging conversation provides anefficient way of responding to a content item in a messagingconversation in user interfaces other than a messaging user interface,which simplifies the interaction between the user and the electronicdevice and enhances the operability of the electronic device and makesthe user-device interface more efficient, which additionally reducespower usage and improves battery life of the electronic device byenabling the user to use the electronic device more quickly andefficiently.

In some embodiments, in response to receiving the second input, updatingan appearance of the respective selectable option in the first userinterface to indicate that the respective predefined response to thefirst content item has been added to the messaging conversation, such asthe selectable option 806 a-3 in FIG. 8R indicating that a heart tag wasadded to Photo 2 in the messaging conversation. For example, after theelectronic device adds a respective predefined response to the firstcontent item, the visual appearance of the selectable option is updatedto indicate the predefined response that has recently been added to thefirst content item by the electronic device and to also indicatepredefined responses added to the first content item by other devices.In some embodiments, if the predefined response was added by the user ofthe device, the predefined response is displayed visually different thanwhen the predefined response was added by another user in the messagingconversation (e.g., predefined responses are displayed with a bluebackground vs. a gray background). In some embodiments, the indicationsof predefined responses are ordered by recency, with the predefinedresponse that was most recently added to the messaging conversationdisplayed on top/in front of other predefined responses.

The above-described manner of indicating the predefined responses thathave been added to the first content item at a selectable optionprovides an efficient way for indicating the predefined responses thathave been added to the first content item in the messaging conversation(e.g., while the electronic device is not displaying the messagingconversation), which simplifies the interaction between the user and theelectronic device and enhances the operability of the electronic deviceand makes the user-device interface more efficient, which additionallyreduces power usage and improves battery life of the electronic deviceby enabling the user to use the electronic device more quickly andefficiently.

In some embodiments, the one or more selectable options that areselectable to add the corresponding messaging activity to the messagingconversation related to the first content item include a respectiveselectable option that is selectable to initiate a process to reply tothe first content item in the messaging conversation, such as theselectable option 806 a-4 in FIG. 8T. For example, the user interfaceassociated with the first content items includes a selectable optionthat, when selectable, initiates a process for replaying to the firstcontent item in the messaging conversation. In some embodiments, whenthe respective selectable option is selected, the user interfacedisplays, overlaid the messaging user interface, a reply user interface.In some embodiments, the reply user interface includes a representationof the first content item, a soft keyboard, a text entry field, and aselectable option that, when selected, causes a reply message to thefirst content item to be added to the messaging conversation. In someembodiments, input is optionally directed to the soft keyboard forcomposing a reply to the first content item (and the contents of thecurrent reply message are optionally indicated in the text entry field).In some embodiments, the reply message is displayed in the messaginguser interface with a different visual characteristic than messages thatare not a reply to a particular content item or message in the messagingconversation.

The above-described manner of including a selectable option for replyingto a respective content item in a messaging conversation provides anefficient way of replying to content items in a messaging conversationin user interfaces other than a messaging user interface, whichsimplifies the interaction between the user and the electronic deviceand enhances the operability of the electronic device and makes theuser-device interface more efficient, which additionally reduces powerusage and improves battery life of the electronic device by enabling theuser to use the electronic device more quickly and efficiently.

In some embodiments, the first user interface includes a representationof the first content item without including representations of othercontent items in the plurality of content items, and the first userinterface further includes a respective selectable option that isselectable to display a respective user interface that includesrepresentations of the plurality of content items, such as theselectable option 805 a in FIG. 8BB. For example, the first userinterface includes a selectable option that, when selected, causes theelectronic device to display representations of (e.g., all) the contentitems included in the first visual indication. For example, if the firstvisual indication includes a representation of a first content item, arepresentation of a second content item, and a representation of a thirdcontent item, the electronic device will display representations of thecontent items corresponding to the content items included in the firstvisual indication. In some embodiments, the representations of thecontent items included in the first visual indication and therepresentations of the content items included in the respective userinterface have different characteristics, such as different aspectratios, etc. In some embodiments, while the representations of theplurality of content items are being displayed in the respective userinterface the representations are arranged in rows and/or columns (e.g.,arranged in accordance with a grid layout).

The above-described manner of including a selectable option fordisplaying the plurality of content items included in the firstmessaging activity provides an efficient way of accessing a userinterface that includes all of the content items included in the firstmessaging activity, which simplifies the interaction between the userand the electronic device and enhances the operability of the electronicdevice and makes the user-device interface more efficient, whichadditionally reduces power usage and improves battery life of theelectronic device by enabling the user to use the electronic device morequickly and efficiently.

In some embodiments, while displaying the respective user interface thatincludes the representations of the plurality of content items (e.g.,the electronic device is displaying a respective user interface thatcorresponds to the content items included in the first visualindication. In some embodiments, the respective user interface isdifferent than the messaging user interface), the electronic devicereceives, via the one or more input devices, a second inputcorresponding to selection of a respective representation of therepresentations of the plurality of content items, such as the selectionof the representation 848-2 of Photo 5 in user interface 842 a. Forexample, while the electronic device is displaying representations ofthe content items included in the first messaging activity (e.g., themessaging activity corresponding to the first visual indication) in therespective user interface, the electronic device detects a selection ofa representation corresponding to a respective content item. In someembodiments, the electronic device detects a selection of arepresentation corresponding to a respective content item, when theelectronic device detects that a touch contact performed a tappinggesture at a location on a touch screen corresponding to therepresentation of the respective content item.

In some embodiments, in response to receiving the second input, inaccordance with a determination that the respective representation is ofthe first content item, the electronic device displays, via the displaygeneration component, the first user interface associated with the firstcontent item and including the one or more selectable options that areselectable to add corresponding messaging activity to the messagingconversation related to the first content item, such as the userinterface 804 a-2 of Photo 5 in FIG. 8EE. In some embodiments, inaccordance with a determination that the respective representation is ofa second content item, displaying, via the display generation component,a second user interface associated with the second content item andincluding the one or more selectable options that are selectable to addcorresponding messaging activity to the messaging conversation relatedto the second content item. For example, based on the respectiverepresentation that is selected, the electronic device displays a userinterface associated with the content item corresponding to the selectedrepresentation (and is not associated with any other content item). Insome embodiments, the first user interface includes a representation ofthe first content item.

The above-described manner of displaying a user interface associatedwith the first content item when the representation of the first contentin the respective user interface is selected provides an efficient wayof accessing user interfaces associated with the content item thatcorresponds to the selected representation, which simplifies theinteraction between the user and the electronic device and enhances theoperability of the electronic device and makes the user-device interfacemore efficient, which additionally reduces power usage and improvesbattery life of the electronic device by enabling the user to use theelectronic device more quickly and efficiently.

In some embodiments, while displaying the respective user interface thatincludes the representations of the plurality of content items, whereinthe representations of the plurality of content items include the firstrepresentation of the first content item, in accordance with adetermination that the first content item is associated with one or morepredefined responses in the messaging conversation, the electronicdevice displays one or more visual indications of the one or morepredefined responses in association with the first representation of thefirst content item in the respective user interface, such as therepresentation 848 a-3 of Photo 2 being displayed with a representationof a heart and thumbs up message tab in FIG. 8DD. For example, if one ormore users in the messaging conversation have added a predefinedresponse to the first content item in the messaging conversation, therepresentation corresponding to the first content item in the respectiveuser interface (e.g., the first representation of the first contentitem) includes an indication of the predefined responses currentlyassociated with the first content item. Similarly, in some embodiments,if one or more users in the messaging conversation have added apredefined response to a second content item in the messagingconversation, the representation corresponding to the second contentitem in the respective user interface includes an indication of thepredefined responses currently associated with the second content itemin the messaging conversation. In some embodiments, one or more visualindications of the one or more predefined responses associated with arespective content item are displayed overlaid the representationcorresponding to the respective content item in the respective userinterface (e.g., overlaid at a respective edge or corner of therespective representation). In some embodiments, the representations ofrespective content items in the respective user interface are displayedwith a first visual appearance (e.g., a visual indication indicatingthat the photo has not been saved to the electronic device such as notbeing displayed with a checkmark) if the corresponding content item haspreviously been saved to the electronic device, and is displayed with asecond visual appearance (e.g., a visual indication indicating that thephoto has been saved to the electronic device such as being displayed acheckmark) if the corresponding content item has not been previouslysaved to the electronic device. In some embodiments, in accordance witha determination that the first content item is not associated with oneor more predefined responses in the messaging conversation, the firstrepresentation of the first content is displayed without an indicationof one or more predefined responses.

The above-described manner of indicating the predefined responses thathave been added to a respective content item in the messagingconversation at the corresponding representations in the respective userinterface provides an efficient way for indicating the predefinedresponses that have been added to respective content items in themessaging conversation (e.g., while the electronic device is notdisplaying the messaging conversation), which simplifies the interactionbetween the user and the electronic device and enhances the operabilityof the electronic device and makes the user-device interface moreefficient, which additionally reduces power usage and improves batterylife of the electronic device by enabling the user to use the electronicdevice more quickly and efficiently.

In some embodiments, the respective user interface includes a respectiveselectable option that is selectable to initiate a process to save atleast one of the plurality of content items to the electronic device(e.g., the respective user interface includes a selectable option that,when selected, initiates a process to save the content itemscorresponding to the representations of the plurality of content items),such as the selectable option 856 a in FIG. 8HH. In some embodiments,while displaying the respective user interface, the electronic devicereceives, via the one or more input devices, a second inputcorresponding to selection of the respective selectable option, such astouch input 801 a-ii selecting the selectable option 865 a in FIG. 8II.In some embodiments, in response to receiving the second input, inaccordance with a determination that a subset (or all) of the at leastone of the plurality of content items is already saved to the electronicdevice, displaying, via the display generation component, a confirmationuser interface that indicates that the subset (or all) of the at leastone of the plurality of content items is already saved to the electronicdevice before saving the at least one of the plurality of content itemsto the electronic device, such as the menu 878 a in FIG. 8BBB. Forexample, if respective user interface includes a first representation ofa first content item, a second representation of a second content item,a third representation of a second content item, the electronic devicedisplays the confirmation user interface if at least the first contentitem, the second content item, or the third content item have previouslybeen downloaded to the electronic device. In some embodiments, theconfirmation user interface includes a selectable option that, whenselected, causes the electronic device to save the content itemscorresponding to the representations of content items that are displayedin the respective user interface. In some embodiments, the selectableoption (when selected) only saves the content items (corresponding tothe representations of content items) that have not been previouslysaved to the electronic device. In some embodiments, the confirmationuser interface includes a second selectable option that, when selected,causes the electronic device to cease displaying the confirmation userinterface without saving the at least one of the plurality of contentitems. In some embodiments, the content items are saved to a respectivephotos application installed on the electronic device.

In some embodiments, in response to receiving the second input, inaccordance with a determination that the at least one of the pluralityof content items is not already saved to the electronic device, savingthe at least one of the plurality of content items to the electronicdevice without displaying the confirmation user interface, such as ifnone of the photos in FIG. 8BBB had previously been saved, theelectronic device would not display menu 878 a. For example, if therespective user interface includes a first representation of a firstcontent item, a representation of a second content item, and arepresentation of a third content item, and the first, second, and thirdcontent items are not currently saved to the electronic device, theelectronic device saves the first, second, and third content items tothe electronic device in response to receiving the second input. In someembodiments, even if the first, second, and third content items have notbeen saved to the electronic device, the electronic device stilldisplays a confirmation user interface in response to receiving thesecond input. In some embodiments, the confirmation user interfaceindicates that all photos will be saved if a particular selectableoption is selected.

The above-described manner of saving the plurality of content items tothe electronic device or displaying a confirmation user interface beforesaving the plurality of content items to the electronic devices providesan efficient way of indicating when at least of the plurality of contentitems have already been saved to the electronic device, which simplifiesthe interaction between the user and the electronic device and enhancesthe operability of the electronic device and makes the user-deviceinterface more efficient, which additionally reduces power usage andimproves battery life of the electronic device by enabling the user touse the electronic device more quickly and efficiently.

In some embodiments, while displaying the respective user interfaceduring a process to save one or more selected content items of theplurality of content items to the electronic device (e.g., while device500 a in FIG. 8NN is in the content selection mode), wherein therespective user interface includes the first representation of the firstcontent item and before saving the one or more selected content items tothe electronic device in accordance with the process (e.g., in someembodiments, the process to save one or more selected content items isoptionally started when a selectable object, displayed in the respectiveuser interface, is selected to initiate a content selection mode), inaccordance with a determination that the first content item is alreadysaved to the electronic device, displaying, in the respective userinterface, a visual indication in association with the firstrepresentation of the first content item that has a first visualappearance, device 500 a displaying the indication 849 a-1 with therepresentation 848 a-1 of Photo 1 because Photo 1 has been saved todevice 500. For example, the representations of content items in therespective user interface that have been previously saved to theelectronic device are displayed with (e.g., in association with) avisual indication indicating that the content items corresponding tothose representation have already been saved to the electronic device.In some embodiments, the visual indication is a hollow check mark. Forexample, if the first content item is already saved to the electronicdevice, the representation of the first content items in the respectiveuser interface includes a hollow check mark. In some embodiments, thehollow check mark is displayed until the electronic device detects aselection of the representation of the first content item.

In some embodiments, in accordance with a determination that the firstcontent item is not already saved to the electronic device and that thefirst content item has been selected for saving to the electronicdevice, displaying, in the respective user interface, a visualindication in association with the first representation of the firstcontent item that has a second visual appearance, different from thefirst visual appearance, such as the device 500 a not displaying theindication 849 a-1 with the representation 848 a-1 of Photo 1 if Photo 1has not been saved to device 500 a. For example, when a representationof a content item is selected, and that content item has not previouslybeen saved to the electronic device, the electronic device updates therepresentation of that content item to display a visual indicationindicating the first content item has been selected for saving to theelectronic device. In some embodiments, the second visual appearance ofthe visual indication includes a solid checkmark.

The above-described manner of providing an indication of the contentitems that have already been saved to the electronic device provides anefficient way of indicating which content items corresponding to therepresentations of content items displayed in the respective userinterface have already been saved to the electronic device, whichsimplifies the interaction between the user and the electronic deviceand enhances the operability of the electronic device and makes theuser-device interface more efficient, which additionally reduces powerusage and improves battery life of the electronic device by enabling theuser to use the electronic device more quickly and efficiently.

In some embodiments, the respective user interface includes a firstrespective selectable option that is selectable to initiate a process tosave the plurality of content items to the electronic device, such asselectable option 856 a in FIG. 8UU. For example, the respective userinterface includes a first respective selectable option that, whenselected, initiates a process to save the content items included in thefirst messaging activity to the electronic device. For example, in someembodiments, the first messaging activity includes a first content item,a second content item, and a third content item, and the respective userinterface displays representations of the content items included in thefirst messaging activity (e.g., representations of the first contentitem, second content item, and the third content item). In some suchembodiments, when a selection of the first selectable option isdetected, the electronic device initiates a process to download thefirst content item, second content item, and the third content item tothe electronic device.

In some embodiments, the first user interface associated with the firstcontent item includes a second respective selectable option that isselectable to initiate a process to save the first content item to theelectronic device without saving other content items of the plurality ofcontent items to the electronic device, such as the selectable option806 a-5 in FIG. 8W. For example, when the electronic device isdisplaying a representation of a single content item, a process to saveonly that content item to the electronic device is initiated when thesecond respective selectable option is selected.

The above-described manner of saving a single content item when a userinterface includes a representation of a single content item or savingmultiple content items in a messaging conversation when a user interfaceincludes representations of multiple content items provides an efficientway of saving content items in a messaging conversation in userinterfaces other than a messaging user interface, which simplifies theinteraction between the user and the electronic device and enhances theoperability of the electronic device and makes the user-device interfacemore efficient, which additionally reduces power usage and improvesbattery life of the electronic device by enabling the user to use theelectronic device more quickly and efficiently.

In some embodiments, the respective user interface includes a firstrespective selectable option that is selectable to initiate a process toreply to the plurality of content items in the messaging conversation,such as the selectable option 858 a in FIG. 8HHH. For example, therespective user interface includes a first respective selectable optionthat, when selected, initiates a process to reply to the messagingactivity in the messaging conversation that corresponds to the firstvisual indication (e.g., reply to the plurality of content items). Insome embodiments, when the first respective selectable option isselected, the electronic device displays overlaid the messaging userinterface, a reply user interface. In some embodiments, the reply userinterface includes a representation of the plurality of content items, asoft keyboard, a text entry field, and a selectable option that, whenselected, causes a reply to the first messaging activity to be added tothe messaging conversation. In some embodiments, input is optionallydirected to the soft keyboard for composing a reply to the first contentitem (and contents of reply message are optionally indicated in the textentry field). In some embodiments, the reply message is displayed in themessaging user interface with a different visual character than messagesthat are not a reply to a particular content item or message in themessaging conversation.

In some embodiments, the first user interface associated with the firstcontent item includes a second respective selectable option that isselectable to initiate a process to reply to the first content item inthe messaging conversation without replying to other content items ofthe plurality of content items in the messaging conversation, such asthe selectable option 806 a-4. For example, the user interfaceassociated with the first content item includes a second respectiveselectable option that, when selected, initiates a process to reply tothe first content item in the messaging conversation. In someembodiments, when the second respective is selected, the electronicdevice displays overlaid the messaging user interface, a reply userinterface. In some embodiments, the reply user interface includes arepresentation of the first content item, a soft keyboard, a text entryfield, and a selectable option that, when selected, causes a replymessage to the first content item to be added to the messagingconversation. In some embodiments, input is optionally directed to thesoft keyboard for composing a reply to the first content item (andcontents of the currently reply message are optionally indicated in thetext entry field). In some embodiments, the reply message is displayedin the messaging user interface with a different visual character thanmessages that are not a replay to a particular content item or messagein the messaging conversation.

The above-described manner of replying to a single content item when auser interface includes a representation of a single content item orreplying to multiple content items in a messaging conversation when auser interface includes representations of multiple content itemsprovides an efficient way of replying to content in a messagingconversation in user interfaces other than a messaging user interface,which simplifies the interaction between the user and the electronicdevice and enhances the operability of the electronic device and makesthe user-device interface more efficient, which additionally reducespower usage and improves battery life of the electronic device byenabling the user to use the electronic device more quickly andefficiently.

In some embodiments, the respective user interface includes a firstrespective selectable option that is selectable to initiate a process toshare the plurality of content items with a second electronic device,different from the electronic device, such as the selectable option 854a in FIG. 8KKK. For example, the respective user interface includes afirst respective selectable option that, when selected, initiates aprocess to share the content items included in the first messagingactivity to the electronic device. For example, in some embodiments, thefirst messaging activity includes a first content item, a second contentitem, and a third content item, and the respective user interfacedisplays representations of the content items included in the firstmessaging activity (e.g., representations of the first content item,second content item, and the third content item). In some suchembodiments, when a selection of the first selectable option isdetected, the electronic device initiates a process to share the firstcontent item, second content item, and the third content item with oneor more users associated with one or more second electronic devices.

In some embodiments, the first user interface associated with the firstcontent item includes a second respective selectable option that isselectable to initiate a process to share the first content item withthe second electronic device without sharing other content items of theplurality of content items with the second electronic device, such asthe selectable option 801 a-aa in FIG. 8AA. For example, when theelectronic device is displaying a representation of a single contentitem, a process to share only that content item with one or more usersassociated with one or more second electronic devices is initiated whenthe second respective selectable option is selected.

The above-described manner of sharing a single content item when a userinterface includes a representation of a single content item or sharingmultiple content items in a messaging conversation when a user interfaceincludes representations of multiple content items provides an efficientway of sharing content items in a messaging conversation in userinterfaces other than a messaging user interface, which simplifies theinteraction between the user and the electronic device and enhances theoperability of the electronic device and makes the user-device interfacemore efficient, which additionally reduces power usage and improvesbattery life of the electronic device by enabling the user to use theelectronic device more quickly and efficiently.

In some embodiments, the respective user interface includes statusinformation associated with the plurality of content items, such asindication 850 a in FIG. 8DD. For example, in some embodiments, therespective user interface provides information about the plurality ofcontent items with respect to the electronic device. For example, if thenone of content items corresponding to the representations of contentitems (e.g., included in the first messaging activity) have been savedto the electronic device, the respective user interface indicates thenumber of content items that can be saved/downloaded to the electronicdevice (e.g., “2 content items”, “10 content items”, etc.). In someembodiments, if a subset of the content items have been downloaded tothe electronic device, the respective user interface indicates thenumber of content items that have been downloaded (e.g., while alsoindicating the total number of content item that can be downloaded tothe electronic device). In some embodiments, if the electronic devicedoes not have access to a respective number of content items included inthe first messaging activity because those content items are still beinguploaded to a particular server, the respective user interface indicatesthe number of content items that are still uploading to the server. Insome embodiments, the respective user interface indicates when theelectronic device will no longer have access to the content itemsincluded in the first visual indication (e.g., the date at which thecontent items expire), such as in the case that the content items havebeen added to the messaging conversation by way of a link, transmittedto the messaging conversation, to a server that stores the content items(e.g., rather than the content items themselves being transmitted to themessaging conversation).

The above-described manner of indicating a status of the plurality ofcontent items provides an efficient way of indicating a status of theplurality of content items with respect to an electronic device that isdisplaying representations of the plurality of content items, whichsimplifies the interaction between the user and the electronic deviceand enhances the operability of the electronic device and makes theuser-device interface more efficient, which additionally reduces powerusage and improves battery life of the electronic device by enabling theuser to use the electronic device more quickly and efficiently.

It should be understood that the particular order in which theoperations in FIG. 9 have been described is merely exemplary and is notintended to indicate that the described order is the only order in whichthe operations could be performed. One of ordinary skill in the artwould recognize various ways to reorder the operations described herein.Additionally, it should be noted that details of other processesdescribed herein with respect to other methods described herein (e.g.,method 700) are also applicable in an analogous manner to method 900described above with respect to FIG. 9 . For example, the ways ofdisplaying user interfaces associated with one or more content items ina messaging conversation described above with reference to method 900optionally have one or more of the characteristics of the ways ofdisplaying content items in a messaging user interface described hereinwith reference to other methods described herein (e.g., methods 700).For brevity, these details are not repeated here.

The operations in the information processing methods described aboveare, optionally, implemented by running one or more functional modulesin an information processing apparatus such as general purposeprocessors (e.g., as described with respect to FIGS. 1A-1B, 3, 5A-5H) orapplication specific chips. Further, the operations described above withreference to FIG. 9 are, optionally, implemented by components depictedin FIGS. 1A-1B. For example, displaying operations 902 and 908 andreceiving operation 904 are, optionally, implemented by event sorter170, event recognizer 180, and event handler 190. Event monitor 171 inevent sorter 170 detects a contact on touch screen 504, and eventdispatcher module 174 delivers the event information to application136-1. A respective event recognizer 180 of application 136-1 comparesthe event information to respective event definitions 186, anddetermines whether a first contact at a first location on the touchscreen corresponds to a predefined event or sub-event, such as selectionof an object on a user interface. When a respective predefined event orsub-event is detected, event recognizer 180 activates an event handler190 associated with the detection of the event or sub-event. Eventhandler 190 optionally utilizes or calls data updater 176 or objectupdater 177 to update the application internal state 192. In someembodiments, event handler 190 accesses a respective GUI updater 178 toupdate what is displayed by the application. Similarly, it would beclear to a person having ordinary skill in the art how other processescan be implemented based on the components depicted in FIGS. 1A-1B.

As described above, one aspect of the present technology is receivingmessages sent by one or more in a messaging conversation. The presentdisclosure contemplates that in some instances, this gathered data mayinclude personal information data that uniquely identifies or can beused to identify a specific person. Such personal information data caninclude demographic data, location-based data, online identifiers,telephone numbers, email addresses, home addresses, data or recordsrelating to a user's health or level of fitness (e.g., vital signsmeasurements, medication information, exercise information), date ofbirth, license plate numbers, or any other personal information.

The present disclosure recognizes that the use of such personalinformation data, in the present technology, can be used to the benefitof users. For example, the personal information data can be used forproviding a location of the user's current location to one or more usersin a messaging conversation, sharing content items associated with auser's account, etc. Accordingly, use of such personal information dataenables users to share information with one or more users in a messagingconversation. Further, other uses for personal information data thatbenefit the user are also contemplated by the present disclosure.

The present disclosure contemplates that those entities responsible forthe collection, analysis, disclosure, transfer, storage, or other use ofsuch personal information data will comply with well-established privacypolicies and/or privacy practices. In particular, such entities would beexpected to implement and consistently apply privacy practices that aregenerally recognized as meeting or exceeding industry or governmentalrequirements for maintaining the privacy of users. Such informationregarding the use of personal data should be prominent and easilyaccessible by users, and should be updated as the collection and/or useof data changes. Personal information from users should be collected forlegitimate uses only. Further, such collection/sharing should occur onlyafter receiving the consent of the users or other legitimate basisspecified in applicable law. Additionally, such entities should considertaking any needed steps for safeguarding and securing access to suchpersonal information data and ensuring that others with access to thepersonal information data adhere to their privacy policies andprocedures. Further, such entities can subject themselves to evaluationby third parties to certify their adherence to widely accepted privacypolicies and practices. In addition, policies and practices should beadapted for the particular types of personal information data beingcollected and/or accessed and adapted to applicable laws and standards,including jurisdiction-specific considerations that may serve to imposea higher standard. For instance, in the US, collection of or access tocertain health data may be governed by federal and/or state laws, suchas the Health Insurance Portability and Accountability Act (HIPAA);whereas health data in other countries may be subject to otherregulations and policies and should be handled accordingly.

Despite the foregoing, the present disclosure also contemplatesembodiments in which users selectively block the use of, or access to,personal information data. That is, the present disclosure contemplatesthat hardware and/or software elements can be provided to prevent orblock access to such personal information data. For example, the presenttechnology can be configured to allow users to select to “opt in” or“opt out” of participation in the collection of personal informationdata during registration for services or anytime thereafter. In anotherexample, users can stop sharing the user's status with one or more usersin a messaging conversation (e.g., whether a user has read a particularmessage in a messaging conversation). In yet another example, users canselect to limit the users that have access to the user's contactinformation and/or the users that can send a message to the user. Inaddition to providing “opt in” and “opt out” options, the presentdisclosure contemplates providing notifications relating to the accessor use of personal information. For instance, a user may be notifiedupon displaying the messaging application that other users able toreceive read/delivery receipts for messages in a messaging conversationand then reminded again when leaving a messaging application.

Moreover, it is the intent of the present disclosure that personalinformation data should be managed and handled in a way to minimizerisks of unintentional or unauthorized access or use. Risk can beminimized by limiting the collection of data and deleting data once itis no longer needed. In addition, and when applicable, including incertain health related applications, data de-identification can be usedto protect a user's privacy. De-identification may be facilitated, whenappropriate, by removing identifiers, controlling the amount orspecificity of data stored (e.g., collecting messaging data associatedwith a plurality of messaging conversations rather than from anindividual messaging conversation), controlling how data is stored(e.g., aggregating data across users), and/or other methods such asdifferential privacy.

Therefore, although the present disclosure broadly covers use ofpersonal information data to implement one or more various disclosedembodiments, the present disclosure also contemplates that the variousembodiments can also be implemented without the need for accessing suchpersonal information data. That is, the various embodiments of thepresent technology are not rendered inoperable due to the lack of all ora portion of such personal information data. For example, users cancommunication with one or more users, in a messaging conversation,without sharing private content items with the one or users.

It is well understood that the use of personally identifiableinformation should follow privacy policies and practices that aregenerally recognized as meeting or exceeding industry or governmentalrequirements for maintaining the privacy of users. In particular,personally identifiable information data should be managed and handledso as to minimize risks of unintentional or unauthorized access or use,and the nature of authorized use should be clearly indicated to users,such as by anonymizing personally identifiable information.

The foregoing description, for purpose of explanation, has beendescribed with reference to specific embodiments. However, theillustrative discussions above are not intended to be exhaustive or tolimit the invention to the precise forms disclosed. Many modificationsand variations are possible in view of the above teachings. Theembodiments were chosen and described in order to best explain theprinciples of the invention and its practical applications, to therebyenable others skilled in the art to best use the invention and variousdescribed embodiments with various modifications as are suited to theparticular use contemplated.

The invention claimed is:
 1. A method comprising: at an electronicdevice in communication with a display generation component and one ormore input devices: displaying, via the display generation component, amessaging user interface that includes a messaging conversationassociated with a plurality of users; while displaying the messaginguser interface, receiving an indication of first messaging activitydirected to the messaging conversation from a respective user of theplurality of users, wherein the first messaging activity includes aplurality of content items that are added to the messaging conversation;and in response to receiving the indication of the first messagingactivity, displaying, in the messaging user interface, a first visualindication corresponding to the first messaging activity that includesrepresentations of the plurality of content items, wherein: inaccordance with a determination that the first messaging activitysatisfies one or more criteria, the representations of the plurality ofcontent items are displayed in a first manner, wherein displaying therepresentations of the plurality of content items in the first mannerincludes displaying the representations of the plurality of contentitems in a stack; and in accordance with a determination that the firstmessaging activity does not satisfy the one or more criteria, therepresentations of the plurality of content items are displayed in asecond manner, different from the first manner, wherein displaying therepresentations of the plurality of content items in the second mannerincludes displaying the representations of the plurality of contentitems in a spatial layout different from the stack.
 2. The method ofclaim 1, wherein the one or more criteria include a criterion that issatisfied based on a number of content items included in the firstmessaging activity.
 3. The method of claim 1, wherein displaying therepresentations of the plurality of content items in the second mannerincludes displaying the representations of the plurality of contentitems in a first spatial layout.
 4. The method of claim 3, whereindisplaying the representations of the plurality of content items in thesecond manner includes: in accordance with a determination that amessage composition user interface is being displayed in the messaginguser interface, displaying the representations of the plurality ofcontent items in a second spatial layout, different from the firstspatial layout; and in accordance with a determination that the messagecomposition user interface is not being displayed in the messaging userinterface, displaying the representations of the plurality of contentitems in the first spatial layout.
 5. The method of claim 1, furthercomprising: while displaying the messaging user interface, receiving,via the one or more input devices, a first input corresponding to arequest to compose messaging activity that includes one or more contentitems; in response to receiving the first input, updating the messaginguser interface to include a content item selection user interface thatincludes first representations of a first plurality of content items forinclusion in the messaging activity; while displaying the content itemselection user interface, receiving, via the one or more input devices,a sequence of one or more inputs that includes selection of a subset ofthe first representations of the first plurality of content items forinclusion in the messaging activity; and in response to receiving thesequence of one or more inputs, displaying, via the display generationcomponent, one or more indications that the subset of the firstrepresentations has been selected for inclusion in the messagingactivity, wherein: in accordance with a determination that the sequenceof one or more inputs corresponded to selection of a firstrepresentation in the subset of the first representations beforeselection of a second representation in the subset of the firstrepresentations, the one or more indications that the subset of thefirst representations has been selected for inclusion in the messagingactivity also indicate that a content item corresponding to the firstrepresentation will have priority over a content item corresponding tothe second representation in the messaging activity; and in accordancewith a determination that the sequence of one or more inputscorresponded to selection of the second representation in the subset ofthe first representations before selection of the first representationin the subset of the first representations, the one or more indicationsthat the subset of the first representations has been selected forinclusion in the messaging activity also indicate that the content itemcorresponding to the second representation will have priority over thecontent item corresponding to the first representation in the messagingactivity.
 6. The method of claim 5, wherein the messaging user interfaceincludes a message activity input region, the method further comprising:in response to receiving the sequence of one or more inputs, updatingthe message activity input region to include the subset of the firstrepresentations that has been selected for inclusion in the messagingactivity, wherein the subset of the first representations includes thefirst representation and the second representation, and the sequence ofone or more inputs corresponded to selection of the first representationbefore selection of the second representation such that the content itemcorresponding to the first representation will have priority over thecontent item corresponding to the second representation in the messagingactivity; while displaying the subset of the first representations inthe message activity input region, receiving, via the one or more inputdevices, second input corresponding to a request to rearrange the firstrepresentation relative to the second representation in the messageactivity input region; and in response to receiving the second input,rearranging the first representation relative to the secondrepresentation in the message activity input region in accordance withthe second input, and updating priorities associated with the firstrepresentation and the second representation such that the content itemcorresponding to the second representation will have priority over thecontent item corresponding to the first representation in the messagingactivity.
 7. The method of claim 5, further comprising: while displayingthe content item selection user interface and while the firstrepresentation and the second representation in the subset of firstrepresentations are selected for inclusion in the messaging activity,wherein selection of the first representation for inclusion in themessaging activity is reflected in a first visual indication displayedin association with the first representation, the first visualindication having a respective visual characteristic having a firstvalue, receiving, via the one or more input devices, one or more inputsdirected to the first representation; and in response to receiving theone or more inputs directed to the first representation: in accordancewith a determination that the one or more inputs include more than athreshold number of selections of the first representation, deselectingthe first representation from inclusion in the messaging activity,ceasing display of the first visual indication, and updating a prioritythat the content item corresponding to the second representation willhave in the messaging activity; and in accordance with a determinationthat the one or more inputs do not include more than the thresholdnumber of selections of the first representation, displaying the firstvisual indication with the respective visual characteristic having asecond value, different from the first value, while maintaining thefirst representation as selected for inclusion in the messaging activityand without updating the priority that the content item corresponding tothe second representation will have in the messaging activity.
 8. Themethod of claim 1, further comprising: while displaying therepresentations of the plurality of content items in the messaging userinterface in the first manner, receiving an indication of secondmessaging activity directed to the messaging conversation, wherein thesecond messaging activity includes a second plurality of content itemsthat are added to the messaging conversation; and in response toreceiving the indication of the second messaging activity: in accordancewith a determination that the second messaging activity does not satisfythe one or more criteria, concurrently displaying, in the messaging userinterface: the representations of the plurality of content items in thefirst manner; and representations of the second plurality of contentitems in the second manner.
 9. The method of claim 1, wherein displayingthe representations of the plurality of content items in the firstmanner includes displaying, in the messaging user interface inassociation with the representations of the plurality of content items,a selectable option that is selectable to display a respective userinterface that includes the representations of the plurality of contentitems displayed in a third manner, different from the first manner. 10.The method of claim 9, wherein the selectable option includes statusinformation for the plurality of content items.
 11. The method of claim1, wherein displaying the representations of the plurality of contentitems in the first manner includes: in accordance with a determinationthat the first messaging activity satisfies one or more second criteria,displaying, in the messaging user interface in association with therepresentations of the plurality of content items, a selectable optionthat is selectable to initiate a process to save the plurality ofcontent items to the electronic device.
 12. The method of claim 11,wherein displaying the representations of the plurality of content itemsin the first manner includes displaying, in the messaging user interfacein association with the representations of the plurality of contentitems, status information for the plurality of content items, the methodfurther comprising: while displaying the selectable option that isselectable to initiate the process to save the plurality of contentitems to the electronic device, receiving, via the one or more inputdevices, a first input corresponding to selection of the selectableoption; in response to receiving the first input, initiating the processto save the plurality of content items to the electronic device; andafter initiating the process to save the plurality of content items tothe electronic device, updating the status information for the pluralityof content items to indicate that the plurality of content items aresaved to the electronic device.
 13. The method of claim 1, wherein therepresentations of the plurality of content items includes a firstrepresentation of a first content item, and displaying therepresentations of the plurality of content items in the first mannerincludes: in accordance with a determination that the first content itemis available for viewing, displaying the first representation of thefirst content item with a first visual appearance and at positioncorresponding to a first priority in the representations of theplurality of content items; and in accordance with a determination thatthe first content item is not available for viewing, displaying thefirst representation of the first content item with a second visualappearance, different from the first visual appearance, and at positioncorresponding to a second priority, lower than the first priority, inthe representations of the plurality of content items.
 14. The method ofclaim 1, further comprising: while displaying the representations of theplurality of content items in the first manner, wherein therepresentations of the plurality of content items are displayed in afirst order in the first manner, receiving, via the one or more inputdevices, a first input directed to the representations of the pluralityof content items; and in response to receiving the first input: inaccordance with a determination that the first input includes movementthat satisfies one or more second criteria, updating display of therepresentations of the plurality of content items to display therepresentations of the plurality of content items in a second order,different from the first order, in the first manner.
 15. The method ofclaim 14, wherein: in accordance with a determination that therespective user indicated a first respective order for therepresentations of the plurality of content items in the first messagingactivity, the first order is the first respective order, and inaccordance with a determination that the respective user indicated asecond respective order, different from the first respective order, forthe representations of the plurality of content items in the firstmessaging activity, the first order is the second respective order. 16.The method of claim 14, further comprising: while displaying therepresentations of the plurality of content items in the second order inthe first manner, ceasing display of the messaging user interface; andafter ceasing display of the messaging user interface, displaying themessaging user interface, including the messaging conversationassociated with the plurality of users, wherein the messaging userinterface includes the representations of the plurality of content itemsdisplayed in the first order in the first manner.
 17. An electronicdevice, comprising: one or more processors; memory; and one or moreprograms, wherein the one or more programs are stored in the memory andconfigured to be executed by the one or more processors, the one or moreprograms including instructions for: displaying, via a displaygeneration component, a messaging user interface that includes amessaging conversation associated with a plurality of users; whiledisplaying the messaging user interface, receiving an indication offirst messaging activity directed to the messaging conversation from arespective user of the plurality of users, wherein the first messagingactivity includes a plurality of content items that are added to themessaging conversation; and in response to receiving the indication ofthe first messaging activity, displaying, in the messaging userinterface, a first visual indication corresponding to the firstmessaging activity that includes representations of the plurality ofcontent items, wherein: in accordance with a determination that thefirst messaging activity satisfies one or more criteria, therepresentations of the plurality of content items are displayed in afirst manner, wherein displaying the representations of the plurality ofcontent items in the first manner includes displaying therepresentations of the plurality of content items in a stack; and inaccordance with a determination that the first messaging activity doesnot satisfy the one or more criteria, the representations of theplurality of content items are displayed in a second manner, differentfrom the first manner, wherein displaying the representations of theplurality of content items in the second manner includes displaying therepresentations of the plurality of content items in a spatial layoutdifferent from the stack.
 18. The electronic device of claim 17, whereinthe one or more criteria include a criterion that is satisfied based ona number of content items included in the first messaging activity. 19.The electronic device of claim 17, wherein displaying therepresentations of the plurality of content items in the second mannerincludes displaying the representations of the plurality of contentitems in a first spatial layout.
 20. The electronic device of claim 19,wherein displaying the representations of the plurality of content itemsin the second manner includes: in accordance with a determination that amessage composition user interface is being displayed in the messaginguser interface, displaying the representations of the plurality ofcontent items in a second spatial layout, different from the firstspatial layout; and in accordance with a determination that the messagecomposition user interface is not being displayed in the messaging userinterface, displaying the representations of the plurality of contentitems in the first spatial layout.
 21. The electronic device of claim17, the instructions further for: while displaying the messaging userinterface, receiving, via one or more input devices, a first inputcorresponding to a request to compose messaging activity that includesone or more content items; in response to receiving the first input,updating the messaging user interface to include a content itemselection user interface that includes first representations of a firstplurality of content items for inclusion in the messaging activity;while displaying the content item selection user interface, receiving,via the one or more input devices, a sequence of one or more inputs thatincludes selection of a subset of the first representations of the firstplurality of content items for inclusion in the messaging activity; andin response to receiving the sequence of one or more inputs, displaying,via the display generation component, one or more indications that thesubset of the first representations has been selected for inclusion inthe messaging activity, wherein: in accordance with a determination thatthe sequence of one or more inputs corresponded to selection of a firstrepresentation in the subset of the first representations beforeselection of a second representation in the subset of the firstrepresentations, the one or more indications that the subset of thefirst representations has been selected for inclusion in the messagingactivity also indicate that a content item corresponding to the firstrepresentation will have priority over a content item corresponding tothe second representation in the messaging activity; and in accordancewith a determination that the sequence of one or more inputscorresponded to selection of the second representation in the subset ofthe first representations before selection of the first representationin the subset of the first representations, the one or more indicationsthat the subset of the first representations has been selected forinclusion in the messaging activity also indicate that the content itemcorresponding to the second representation will have priority over thecontent item corresponding to the first representation in the messagingactivity.
 22. The electronic device of claim 21, wherein the messaginguser interface includes a message activity input region, theinstructions further for: in response to receiving the sequence of oneor more inputs, updating the message activity input region to includethe subset of the first representations that has been selected forinclusion in the messaging activity, wherein the subset of the firstrepresentations includes the first representation and the secondrepresentation, and the sequence of one or more inputs corresponded toselection of the first representation before selection of the secondrepresentation such that the content item corresponding to the firstrepresentation will have priority over the content item corresponding tothe second representation in the messaging activity; while displayingthe subset of the first representations in the message activity inputregion, receiving, via one or more input devices, second inputcorresponding to a request to rearrange the first representationrelative to the second representation in the message activity inputregion; and in response to receiving the second input, rearranging thefirst representation relative to the second representation in themessage activity input region in accordance with the second input, andupdating priorities associated with the first representation and thesecond representation such that the content item corresponding to thesecond representation will have priority over the content itemcorresponding to the first representation in the messaging activity. 23.The electronic device of claim 21, the instructions further for: whiledisplaying the content item selection user interface and while the firstrepresentation and the second representation in the subset of firstrepresentations are selected for inclusion in the messaging activity,wherein selection of the first representation for inclusion in themessaging activity is reflected in a first visual indication displayedin association with the first representation, the first visualindication having a respective visual characteristic having a firstvalue, receiving, via one or more input devices, one or more inputsdirected to the first representation; and in response to receiving theone or more inputs directed to the first representation: in accordancewith a determination that the one or more inputs include more than athreshold number of selections of the first representation, deselectingthe first representation from inclusion in the messaging activity,ceasing display of the first visual indication, and updating a prioritythat the content item corresponding to the second representation willhave in the messaging activity; and in accordance with a determinationthat the one or more inputs do not include more than the thresholdnumber of selections of the first representation, displaying the firstvisual indication with the respective visual characteristic having asecond value, different from the first value, while maintaining thefirst representation as selected for inclusion in the messaging activityand without updating the priority that the content item corresponding tothe second representation will have in the messaging activity.
 24. Theelectronic device of claim 17, the instructions further for: whiledisplaying the representations of the plurality of content items in themessaging user interface in the first manner, receiving an indication ofsecond messaging activity directed to the messaging conversation,wherein the second messaging activity includes a second plurality ofcontent items that are added to the messaging conversation; and inresponse to receiving the indication of the second messaging activity:in accordance with a determination that the second messaging activitydoes not satisfy the one or more criteria, concurrently displaying, inthe messaging user interface: the representations of the plurality ofcontent items in the first manner; and representations of the secondplurality of content items in the second manner.
 25. The electronicdevice of claim 17, wherein displaying the representations of theplurality of content items in the first manner includes displaying, inthe messaging user interface in association with the representations ofthe plurality of content items, a selectable option that is selectableto display a respective user interface that includes the representationsof the plurality of content items displayed in a third manner, differentfrom the first manner.
 26. The electronic device of claim 25, whereinthe selectable option includes status information for the plurality ofcontent items.
 27. The electronic device of claim 17, wherein displayingthe representations of the plurality of content items in the firstmanner includes: in accordance with a determination that the firstmessaging activity satisfies one or more second criteria, displaying, inthe messaging user interface in association with the representations ofthe plurality of content items, a selectable option that is selectableto initiate a process to save the plurality of content items to theelectronic device.
 28. The electronic device of claim 27, whereindisplaying the representations of the plurality of content items in thefirst manner includes displaying, in the messaging user interface inassociation with the representations of the plurality of content items,status information for the plurality of content items, the instructionsfurther for: while displaying the selectable option that is selectableto initiate the process to save the plurality of content items to theelectronic device, receiving, via one or more input devices, a firstinput corresponding to selection of the selectable option; in responseto receiving the first input, initiating the process to save theplurality of content items to the electronic device; and afterinitiating the process to save the plurality of content items to theelectronic device, updating the status information for the plurality ofcontent items to indicate that the plurality of content items are savedto the electronic device.
 29. The electronic device of claim 17, whereinthe representations of the plurality of content items includes a firstrepresentation of a first content item, and displaying therepresentations of the plurality of content items in the first mannerincludes: in accordance with a determination that the first content itemis available for viewing, displaying the first representation of thefirst content item with a first visual appearance and at positioncorresponding to a first priority in the representations of theplurality of content items; and in accordance with a determination thatthe first content item is not available for viewing, displaying thefirst representation of the first content item with a second visualappearance, different from the first visual appearance, and at positioncorresponding to a second priority, lower than the first priority, inthe representations of the plurality of content items.
 30. Theelectronic device of claim 17, the instructions further for: whiledisplaying the representations of the plurality of content items in thefirst manner, wherein the representations of the plurality of contentitems are displayed in a first order in the first manner, receiving, viaone or more input devices, a first input directed to the representationsof the plurality of content items; and in response to receiving thefirst input: in accordance with a determination that the first inputincludes movement that satisfies one or more second criteria, updatingdisplay of the representations of the plurality of content items todisplay the representations of the plurality of content items in asecond order, different from the first order, in the first manner. 31.The electronic device of claim 30, wherein: in accordance with adetermination that the respective user indicated a first respectiveorder for the representations of the plurality of content items in thefirst messaging activity, the first order is the first respective order,and in accordance with a determination that the respective userindicated a second respective order, different from the first respectiveorder, for the representations of the plurality of content items in thefirst messaging activity, the first order is the second respectiveorder.
 32. The electronic device of claim 30, the instructions furtherfor: while displaying the representations of the plurality of contentitems in the second order in the first manner, ceasing display of themessaging user interface; and after ceasing display of the messaginguser interface, displaying the messaging user interface, including themessaging conversation associated with the plurality of users, whereinthe messaging user interface includes the representations of theplurality of content items displayed in the first order in the firstmanner.
 33. A non-transitory computer readable storage medium storingone or more programs, the one or more programs comprising instructions,which when executed by one or more processors of an electronic device,cause the electronic device to perform a method comprising: displaying,via a display generation component, a messaging user interface thatincludes a messaging conversation associated with a plurality of users;while displaying the messaging user interface, receiving an indicationof first messaging activity directed to the messaging conversation froma respective user of the plurality of users, wherein the first messagingactivity includes a plurality of content items that are added to themessaging conversation; and in response to receiving the indication ofthe first messaging activity, displaying, in the messaging userinterface, a first visual indication corresponding to the firstmessaging activity that includes representations of the plurality ofcontent items, wherein: in accordance with a determination that thefirst messaging activity satisfies one or more criteria, therepresentations of the plurality of content items are displayed in afirst manner, wherein displaying the representations of the plurality ofcontent items in the first manner includes displaying therepresentations of the plurality of content items in a stack; and inaccordance with a determination that the first messaging activity doesnot satisfy the one or more criteria, the representations of theplurality of content items are displayed in a second manner, differentfrom the first manner, wherein displaying the representations of theplurality of content items in the second manner includes displaying therepresentations of the plurality of content items in a spatial layoutdifferent from the stack.
 34. The non-transitory computer readablestorage medium of claim 33, wherein the one or more criteria include acriterion that is satisfied based on a number of content items includedin the first messaging activity.
 35. The non-transitory computerreadable storage medium of claim 33, wherein displaying therepresentations of the plurality of content items in the second mannerincludes displaying the representations of the plurality of contentitems in a first spatial layout.
 36. The non-transitory computerreadable storage medium of claim 35, wherein displaying therepresentations of the plurality of content items in the second mannerincludes: in accordance with a determination that a message compositionuser interface is being displayed in the messaging user interface,displaying the representations of the plurality of content items in asecond spatial layout, different from the first spatial layout; and inaccordance with a determination that the message composition userinterface is not being displayed in the messaging user interface,displaying the representations of the plurality of content items in thefirst spatial layout.
 37. The non-transitory computer readable storagemedium of claim 33, the method further comprising: while displaying themessaging user interface, receiving, via one or more input devices, afirst input corresponding to a request to compose messaging activitythat includes one or more content items; in response to receiving thefirst input, updating the messaging user interface to include a contentitem selection user interface that includes first representations of afirst plurality of content items for inclusion in the messagingactivity; while displaying the content item selection user interface,receiving, via one or more input devices, a sequence of one or moreinputs that includes selection of a subset of the first representationsof the first plurality of content items for inclusion in the messagingactivity; and in response to receiving the sequence of one or moreinputs, displaying, via the display generation component, one or moreindications that the subset of the first representations has beenselected for inclusion in the messaging activity, wherein: in accordancewith a determination that the sequence of one or more inputscorresponded to selection of a first representation in the subset of thefirst representations before selection of a second representation in thesubset of the first representations, the one or more indications thatthe subset of the first representations has been selected for inclusionin the messaging activity also indicate that a content itemcorresponding to the first representation will have priority over acontent item corresponding to the second representation in the messagingactivity; and in accordance with a determination that the sequence ofone or more inputs corresponded to selection of the secondrepresentation in the subset of the first representations beforeselection of the first representation in the subset of the firstrepresentations, the one or more indications that the subset of thefirst representations has been selected for inclusion in the messagingactivity also indicate that the content item corresponding to the secondrepresentation will have priority over the content item corresponding tothe first representation in the messaging activity.
 38. Thenon-transitory computer readable storage medium of claim 37, wherein themessaging user interface includes a message activity input region, themethod further comprising: in response to receiving the sequence of oneor more inputs, updating the message activity input region to includethe subset of the first representations that has been selected forinclusion in the messaging activity, wherein the subset of the firstrepresentations includes the first representation and the secondrepresentation, and the sequence of one or more inputs corresponded toselection of the first representation before selection of the secondrepresentation such that the content item corresponding to the firstrepresentation will have priority over the content item corresponding tothe second representation in the messaging activity; while displayingthe subset of the first representations in the message activity inputregion, receiving, via one or more input devices, second inputcorresponding to a request to rearrange the first representationrelative to the second representation in the message activity inputregion; and in response to receiving the second input, rearranging thefirst representation relative to the second representation in themessage activity input region in accordance with the second input, andupdating priorities associated with the first representation and thesecond representation such that the content item corresponding to thesecond representation will have priority over the content itemcorresponding to the first representation in the messaging activity. 39.The non-transitory computer readable storage medium of claim 37, themethod further comprising: while displaying the content item selectionuser interface and while the first representation and the secondrepresentation in the subset of first representations are selected forinclusion in the messaging activity, wherein selection of the firstrepresentation for inclusion in the messaging activity is reflected in afirst visual indication displayed in association with the firstrepresentation, the first visual indication having a respective visualcharacteristic having a first value, receiving, via one or more inputdevices, one or more inputs directed to the first representation; and inresponse to receiving the one or more inputs directed to the firstrepresentation: in accordance with a determination that the one or moreinputs include more than a threshold number of selections of the firstrepresentation, deselecting the first representation from inclusion inthe messaging activity, ceasing display of the first visual indication,and updating a priority that the content item corresponding to thesecond representation will have in the messaging activity; and inaccordance with a determination that the one or more inputs do notinclude more than the threshold number of selections of the firstrepresentation, displaying the first visual indication with therespective visual characteristic having a second value, different fromthe first value, while maintaining the first representation as selectedfor inclusion in the messaging activity and without updating thepriority that the content item corresponding to the secondrepresentation will have in the messaging activity.
 40. Thenon-transitory computer readable storage medium of claim 33, the methodfurther comprising: while displaying the representations of theplurality of content items in the messaging user interface in the firstmanner, receiving an indication of second messaging activity directed tothe messaging conversation, wherein the second messaging activityincludes a second plurality of content items that are added to themessaging conversation; and in response to receiving the indication ofthe second messaging activity: in accordance with a determination thatthe second messaging activity does not satisfy the one or more criteria,concurrently displaying, in the messaging user interface: therepresentations of the plurality of content items in the first manner;and representations of the second plurality of content items in thesecond manner.
 41. The non-transitory computer readable storage mediumof claim 33, wherein displaying the representations of the plurality ofcontent items in the first manner includes displaying, in the messaginguser interface in association with the representations of the pluralityof content items, a selectable option that is selectable to display arespective user interface that includes the representations of theplurality of content items displayed in a third manner, different fromthe first manner.
 42. The non-transitory computer readable storagemedium of claim 41, wherein the selectable option includes statusinformation for the plurality of content items.
 43. The non-transitorycomputer readable storage medium of claim 33, wherein displaying therepresentations of the plurality of content items in the first mannerincludes: in accordance with a determination that the first messagingactivity satisfies one or more second criteria, displaying, in themessaging user interface in association with the representations of theplurality of content items, a selectable option that is selectable toinitiate a process to save the plurality of content items to theelectronic device.
 44. The non-transitory computer readable storagemedium of claim 43, wherein displaying the representations of theplurality of content items in the first manner includes displaying, inthe messaging user interface in association with the representations ofthe plurality of content items, status information for the plurality ofcontent items, the method further comprising: while displaying theselectable option that is selectable to initiate the process to save theplurality of content items to the electronic device, receiving, via oneor more input devices, a first input corresponding to selection of theselectable option; in response to receiving the first input, initiatingthe process to save the plurality of content items to the electronicdevice; and after initiating the process to save the plurality ofcontent items to the electronic device, updating the status informationfor the plurality of content items to indicate that the plurality ofcontent items are saved to the electronic device.
 45. The non-transitorycomputer readable storage medium of claim 33, wherein therepresentations of the plurality of content items includes a firstrepresentation of a first content item, and displaying therepresentations of the plurality of content items in the first mannerincludes: in accordance with a determination that the first content itemis available for viewing, displaying the first representation of thefirst content item with a first visual appearance and at positioncorresponding to a first priority in the representations of theplurality of content items; and in accordance with a determination thatthe first content item is not available for viewing, displaying thefirst representation of the first content item with a second visualappearance, different from the first visual appearance, and at positioncorresponding to a second priority, lower than the first priority, inthe representations of the plurality of content items.
 46. Thenon-transitory computer readable storage medium of claim 33, the methodfurther comprising: while displaying the representations of theplurality of content items in the first manner, wherein therepresentations of the plurality of content items are displayed in afirst order in the first manner, receiving, via one or more inputdevices, a first input directed to the representations of the pluralityof content items; and in response to receiving the first input: inaccordance with a determination that the first input includes movementthat satisfies one or more second criteria, updating display of therepresentations of the plurality of content items to display therepresentations of the plurality of content items in a second order,different from the first order, in the first manner.
 47. Thenon-transitory computer readable storage medium of claim 46, wherein: inaccordance with a determination that the respective user indicated afirst respective order for the representations of the plurality ofcontent items in the first messaging activity, the first order is thefirst respective order, and in accordance with a determination that therespective user indicated a second respective order, different from thefirst respective order, for the representations of the plurality ofcontent items in the first messaging activity, the first order is thesecond respective order.
 48. The non-transitory computer readablestorage medium of claim 46, the method further comprising: whiledisplaying the representations of the plurality of content items in thesecond order in the first manner, ceasing display of the messaging userinterface; and after ceasing display of the messaging user interface,displaying the messaging user interface, including the messagingconversation associated with the plurality of users, wherein themessaging user interface includes the representations of the pluralityof content items displayed in the first order in the first manner.